.view { width: 90%; margin: 0 auto; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fl{ float:left;}
.fr{ float:right;}
strong,i,em,b{ font-style:normal; font-weight:normal; }

/* 悬浮框 */
.consult-container{ width: 73px; position: fixed; bottom: 10vh; right: 12px; z-index: 99; opacity: 1; transition: all .4s; font-size: 12px;
   color: #393a51; }
.consult-container input{ opacity: 0; cursor: default; position: absolute; }
.consult-container .icon-box { padding: 12px 0; background-color: #fff; text-align: center; cursor: pointer; position: relative;
   box-shadow: 12px 12px 26px 6px rgba(20,21,22,.06); color: #393a51; }
.font-box { padding: 6px 0!important; background-color: #f4f5fc!important; border-bottom: 1px solid #fff; }
.consult-container  .font-box1{padding: 6px 0;} 
.consult-container .consult1, .consult-container .consult { position: absolute; left: 12px; top: 14px; border: 1px solid #3a6cfe ;
   height: 48px; width: 48px; border-radius: 50%; animation: ani-data-v-789143c6 1.4s ease-out infinite;
    -webkit-animation: ani-data-v-789143c6 1.4s ease-out infinite; -moz-animation: ani-data-v-789143c6 1.4s ease-out infinite; }
.consult-container .consult1 { -webkit-animation-delay: .6s; animation-delay: .6s; }
.consult-container .icon-box .iconfont { font-size: 30px; line-height: 1; }
.consult-container .icon-box:hover { background-color: #3a6cfe !important; transition: color .2s ease; }
.consult-container .icon-box:hover .font { color: #fff!important; }
.consult-container .icon-box:hover .consult1, .consult-container .icon-box:hover .consult { display: none; }
.consult-container .go-top { text-align: center; cursor: pointer; margin-top: 23px; color: #393a51; display: none; }
.go-top img{width: 30px; margin: auto;}
.color500 { color: #3a6cfe ; }
.el-popover { display: none; position: absolute; background: #fff; min-width: 130px; border-radius: 4px; border: 1px solid #f2f4f5; padding: 12px; z-index: 2000; color: #0d1a26; line-height: 1.4; text-align: justify; font-size: 14px; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); word-break: break-all; top: 50%; right: 115%; transform: translateY(-50%); }
.phone-popover { padding: 0; max-width: 212px; }
.phone-popover .phone { padding: 6px; font-size: 14px; line-height: 24px; color: #393a51; }
.el-popper .popper__arrow, .el-popper .popper__arrow:after { position: absolute; display: block; width: 0; height: 0; top: 50%; right: -6px; background: #fff; transform:translateY(-50%) rotate(45deg); border-color: transparent; border-style: solid; }
.el-popper .popper__arrow { border-width: 6px; filter: drop-shadow(0 2px 12px rgba(0,0,0,.03)); }
.el-popover-code img{width: 100%; height: 100%; object-fit: contain;}
.icon-box_img{width: 40px; height: 40px;  margin:0 auto 3px; position: relative;}
.icon-box_img .iconfont{color: #3a6cfe ;}
.consult-container .icon-box:hover .icon-box_img .iconfont{color: #fff;}
.item_span{position: relative;  display: block;}
span.el-popover__reference-wrapper{display: block;}
@keyframes  ani-data-v-789143c6{
	0% {
	transform: scale(1);
	opacity: 0;
	}
	25% {
		transform: scale(1.15);
		opacity: .3;
	}
	50% {
		transform: scale(1.3);
		opacity: .7;
	}
	75% {
		transform: scale(1.45);
		opacity: .5;
	}
	100% {
		transform: scale(1.5);
		opacity: 0;
	}
}
/* 手机咨询 */
.footer-nav{display: none;  justify-content: space-between;z-index: 99; padding:7px 12.4px; width: 100%; 
  background-color: rgba(0,0,0,0.8); bottom: 0; left: 0; position: fixed;}
.footer-nav li{width: 31%;  padding: 8px; box-sizing: border-box; border-radius: 4px;}
.footer-nav li a{color: #ffffff;  display: flex; display: -webkit-flex; font-size: 14px; align-items: center;}
.footer-nav li img{height: 30px; margin-right: 7px;}

/* 咨询弹窗 */
.popup{width: 100%; height: 100vh; background-color: rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; z-index: 999;display: none;}
.demandBox{width: 90%;padding:6% 0 8%;background: #FFFFFF;position: fixed;top: 50%;left: 50%;transform:translate(-50%,-50%);
  z-index: 1000;display:none;border-radius: 4px;}
.demandBox .sClose{color: #333333;position: absolute;top: 4%;right: 4%; width: 16px; height: 16px;}
.demandBox .sClose img{display: block; max-height: 100%; max-width: 100%;}
.demandBox .title{color: #666;font-size:15px;text-align: center;margin: 0 0 4%;line-height: 1.6;}
.demandBox .or{width: 100%;position: relative;color: #666666;font-size:15px;line-height: 16px;text-align: center;margin: 4% 0;}
.demandBox .or::after{content: '';width: 40%;height: 1px;background-color: #e5e5e5;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;}
.demandBox .or::before{content: '';width: 40%;height: 1px;background-color: #e5e5e5;position: absolute;top: 0;right: 0;bottom: 0;margin: auto;}
.demandBox .dh{display: inline-block;color: #ff4229;font-size: 15px;position: relative;margin-left: -32px;left:50%;}
.demandBox .dh .iconfont{font-size: 20px;position: absolute;top: 0;left: -22px;}
.demandBox .demand{width: 90%;margin: 0 auto;}
.demandBox .demand form{width: 100%;}
.demandBox .demand form label{display: block;position: relative;}
.demandBox .demand form label span{font-size:15px;line-height:18px;color: #333;position: absolute; top: 10px; left: 0;display: block;}
.demandBox .demand form .row{width: 100%;margin: 0 0 4%;border: 1px solid #dddddd;padding: 0 10px;box-sizing: border-box;}
.demandBox .demand form .txt.w1{width: 100%;font-size: 15px;color: #333;line-height: 18px;padding:10px 0;background-color: rgba(0,0,0,0);border: none;}
.demandBox .demand form .btn{width:100%;display:block;height: 40px;line-height:40px;background-color: #e62129;border: none;color: #fff;font-size: 14px;}
.demandBox .demand form .row1{width: 100%;margin: 0 0 4%;border: 1px solid #dddddd;padding: 0 10px;box-sizing: border-box;}
.demandBox .demand form .txt.w2{width: 100%;font-size:15px;color: #333;line-height: 18px;padding:16px 0; box-sizing: border-box; background-color: rgba(0,0,0,0);border: none;}
.demandBox .demand .button {margin-top: 1rem;}


/* 通用标题css */
.in_tx {width: 100%;position: relative;margin: 0 auto;padding: 1.5rem 0 1rem 0; display: flex; display: -webkit-flex; align-items: center; 
  justify-content: space-between;flex-wrap: wrap;}
.in_tx .in_txt {font-size: 1.2rem;color: #000; padding-right: 1rem;}
.in_tx .in_line{height: 1px; background: #e5e5e5; flex: 1;}
.in_tx .in_more {font-size: .6rem;color: #000; padding-left: 1rem;}
.in_tx_nav{margin-bottom: 1rem;}
.in_tx_nav a{ display: inline-block; margin: 0 1rem 0 0;color: #000;font-size: 16px;}
.case-banner-box {overflow: hidden;padding-top: 65px;}
.case-container {width: 100%;padding-bottom: 30px;position: relative;}
.case-container .swiper-slide{ height: 370px; border: 1px solid #e8eaed;transition: all 300ms ease 0s;    padding-top: 100px;}
.case-container .swiper-slide .name{ font-size: 20px; color: #282828; margin: 30px 0 15px; padding: 0 8%;}
.case-container .swiper-slide .brief{color: #929292; padding: 0 8%;font-size: 13px;}
.case-container .swiper-slide .bg{left: 10%; top: 29px; max-width: 73px; max-height: 62px;position: absolute;}
.i-pic img{width: 100%; min-height: 100%;}
/*.case-container .swiper-slide:hover{background:url(../images/3.png) repeat-x;background-size:cover; border:1px solid #3c6bfe; box-shadow:0px 12px 40px -12px #376efe; transform:translate(0, -50px);}*/
/*.case-container .swiper-slide:hover .name{color:#fff;}*/
/*.case-container .swiper-slide:hover .brief{color:#fff;}*/


/* in_case */
.in_case {width: 100%;position: relative; padding-bottom: .5rem;background-color: #fff;}
.in_case .in_Ca {width: 100%;position: relative;}
.in_case .sin_Ca{ display: none;}
.in_case .in_Ca .Ca_T{width: 100%; position:relative;}
.in_case .in_Ca .Ca_T ul{display:flex;flex-wrap:wrap;}
.in_case .in_Ca .Ca_T li {transition:all .36s; width: 32%; margin-bottom: .5rem; margin-left: 2%;}
.in_case .in_Ca .Ca_T li a{ display: block;width: 100%;height: 100%;position: relative;overflow: hidden;}
.in_case .in_Ca .Ca_T li .img{overflow: hidden; position: relative;}
.in_case .in_Ca .Ca_T li .img:before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 2;background:rgb(0,0,0,.2);  opacity: 0; -webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.in_case .in_Ca .Ca_T li:hover .img:before{opacity: 1;}
.in_case .in_Ca .Ca_T li .img img {display: block; width: 100%;height: 100%; -webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;
-webkit-transform: scale(1.01, 1.01);-moz-transform: scale(1.01, 1.01);-o-transform: scale(1.01, 1.01);transform: scale(1.01, 1.01); overflow: hidden;}
.in_case .in_Ca .Ca_T li .img .code{width:40%;height:auto;margin:0 auto;border-radius:15px;}
.in_case .in_Ca .Ca_T li:hover .img img {-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1)}
.in_case .in_Ca .Ca_T li .title {text-align: center;background: rgba(0, 0, 0, 0.6);opacity: 0;visibility: hidden;position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; z-index:3;}
.in_case .in_Ca .Ca_T li .title .info{display: table;width: 100%;height: 100%;}
.in_case .in_Ca .Ca_T li .title .info .txt{display: table-cell;vertical-align: middle; padding:0 20px;}
.in_case .in_Ca .Ca_T li .title .info .txt h2 {font-size: .8rem;color: #fff;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.in_case .in_Ca .Ca_T li .title .info .txt i {width: 60px;height: 4px;background: #ffffff;margin: 0.2rem auto 0;display: block;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.in_case .in_Ca .Ca_T li .title .info .txt p {font-size:14px;color: #fff;margin-top:0.7rem;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.in_case .in_Ca .Ca_T li .title .info .txt span {width:1rem;height: 1rem;margin: .6rem auto;font-size: .8rem;color: #fff; line-height: .9rem; display: block;border-radius: 50%;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;background: #3a6cfe ;}
.in_case .in_Ca .Ca_T li:hover .title {opacity: 1;visibility: visible;}
.in_case .in_Ca .Ca_T li:hover .title .info .txt span {opacity: 1; visibility: visible;}
.in_case .in_Ca .Ca_T li:hover .title .info .txt i {width: 30px;opacity: 1; visibility: visible;} 
.in_case .in_Ca .Ca_T li:hover .title .info .txt h2 {opacity: 1; visibility: visible;}
.in_case .in_Ca .Ca_T li:hover .title .info .txt p {opacity: 1; visibility: visible;}
.in_case .in_Ca .Ca_T li:nth-child(3n+1){margin-left: 0;}
.in_case .in_Ca .Ca_T li .text{padding: .5rem 0; transition:all .36s;}
.in_case .in_Ca .Ca_T li .text h3{color: #000000;  font-size: .7rem;}
.in_case .in_Ca .Ca_T li .text p{color: #aaaaaa; margin-top: .2rem; font-size: 14px; 
    word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.in_case .in_Ca .Ca_T li:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.15) } 
.in_case .in_Ca .Ca_T li:hover .text{padding: .5rem ;}
.in_hezuo{background: url("../images/in_hezuo-bg.jpg") no-repeat; padding-bottom: 2.5rem; position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed;}
.in_hezuo_tx{display: flex; display: -webkit-flex; justify-content: center; align-items: stretch; padding: 1.7rem 0 1.3rem;}
.in_hezuo_tx .hezuo_tx_left{display: flex; display: -webkit-flex;}
.in_hezuo_tx .hezuo_tx_left span{color: #3a6cfe ; font-size: 3.4rem; margin-top: -.9rem;}
.in_hezuo_tx .hezuo_tx_left i{font-size: .8rem; color: #3a6cfe ;}
.in_hezuo_tx .hezuo_tx_right{color: #ffffff; margin-left: 1rem;}
.in_hezuo_tx .hezuo_tx_right .t1{font-size: 1rem;text-transform: uppercase;}
.in_hezuo_tx .hezuo_tx_right .t2{  margin: .2rem 0;}
.in_hezuo_tx .hezuo_tx_right .t3{ font-size: 1.2rem; font-weight: bold;}


.in_hezuo_list{display: flex; display: -webkit-flex; flex-wrap: wrap; align-content: center; width: 85%; margin: 0 auto;}
.in_hezuo_list li{width: calc(100%/6); margin: .5rem 0; padding: 0 .2rem; box-sizing: border-box;}
.in_hezuo_list li img{display: block; margin: 0 auto; max-width: 100%;filter: grayscale(100%)}
.in_case .in_Ca .Ca_T li .content_list_hover dt {height: 30px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 5; color: #fff; font-size: 35px; opacity: 0; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}	
.in_case .in_Ca .Ca_T li .content_list_hover dd{background:rgba(0,0,0,0.5);position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;display:none;transition:all 0.5s ease;-webkit-transform:all 0.5s ease;}
.in_case .in_Ca .Ca_T li .content_list_hover .hr{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5;}
.in_case .in_Ca .Ca_T li .content_list_hover .hr img{width:auto;height:auto;opacity:0;transition:all 0.5s ease;-webkit-transform:all 0.5s ease;}	
.in_case .in_Ca .Ca_T li:hover .content_list_img img{opacity:.6;transition:all 0.5s ease;-webkit-transform:all 0.5s ease;}	
.in_case .in_Ca .Ca_T li:hover .content_list_hover dd{opacity:1;}	
.in_case .in_Ca .Ca_T li:hover .content_list_hover .hr img{opacity:1;}	
.in_case .in_Ca .Ca_T li:hover .content_list_hover dt{opacity:1;}	
.in_case .in_Ca .Ca_T li:hover .content_list_hover .hr img{-webkit-transform:rotate(360deg);animation:rotation 10s linear infinite;
  -moz-animation:rotation 10s linear infinite;-webkit-animation:rotation 10s linear infinite;-o-animation:rotation 10s linear infinite;}


.caseList{height:auto;background:#fff;margin:0 auto}
.caseList.Contertop{margin: 20px auto;  overflow: hidden;position: relative;}
.Lbottom{padding-bottom:45px}
.Lbottom .Left03{background:url("../images/index04.gif") no-repeat left bottom;padding-bottom:20px}
.Conter05{width:95%;border-bottom:1px solid #f0f0f0;padding-bottom:26px;margin:0 auto;position:relative}
.Conter05 a{display:block;position:absolute;top:66%;right:0}
.Conter05 a:hover{-webkit-animation:icoHover .8s linear  ; animation:icoHover .8s linear ; }
.Left03{width:75%}
.Left03 img{display:block;padding-top:65px}
.InforCO{border-top:1px solid #f0f0f0;padding-bottom:65px}
.InforL{display:block;width:49%;border-left:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;float:right;padding:48px 0;position:relative}
.InforL:nth-of-type(even){border-left:0;float:left}
.InforL img.InPic{width:100%;position:absolute;left:0;top:-100px;bottom:-100px;margin:auto}
.InforL:hover span .Text02 .btnMore{-webkit-animation: icoHover .6s linear; animation:icoHover .6s linear ; }
.InforL span{width:65%;display:block;position:absolute;top:48px;right:6%}
.InforL span.pic{display: block;position: relative; width: 23%; padding-top: 23%; top: 0; right: 0; overflow: hidden;}
.InforL span em{display:block;line-height:20px;color:#2f2f2f;font-weight:100;font-size:17px;padding-top:8%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.InforL span .Text01{display:block;line-height:22px;height:66px;overflow:hidden;color:#2f2f2f;font-weight:100;font-size:13px;filter:alpha(opacity=80);-moz-opacity:0.8;-webkit-opacity:0.8;opacity:0.8;padding-top:3%}
.InforL span .Text02{display:block;border-top:1px solid #f0f0f0;padding-top:5%;position:relative}
.InforL span .Text02 img{position:absolute;top:-2px;left:0;width:10%}
.InforL span .Text02 .btnMore{width:auto;left:auto;top:auto;bottom:0px;right:0px}
.InforL span .Text02 i{display:block;font-size:14px;line-height:20px;color:#2f2f2f;background:url("../images/index10.gif")/*tpa=https://www.miraclevision.net/images/index10.gif*/ no-repeat right center;width:40%;min-width:200px}


/* .InforL:nth-of-type(odd) span{right:0} */
.InforL:nth-of-type(odd) img.InPic{margin-left:6%}
@-webkit-keyframes icoHover{
  0%{
    -webkit-transform:translateX(0px);
  opacity:1;
  }
  49%{
      -webkit-transform:translateX(28px);
     opacity:0;
  }
50%{
      -webkit-transform:translateX(-28px);
      opacity:0;
  }
  100%{
      -webkit-transform:translateX(0px);
   opacity:1;
  }
}
@keyframes icoHover{
  0%{
    transform:translateX(0px);
  opacity:1;
  }
  49%{
     transform:translateX(28px);
     opacity:0;
  }
50%{
      transform:translateX(-28px);
      opacity:0;
  }
  100%{
      transform:translateX(0px);
   opacity:1;
  }
}
@media all and (min-width: 1px) and (max-width:1279px){
	.InforL span em{padding-top:0px}
}
@media all and (min-width: 1280px) and (max-width:1580px){
	.InforL span em{padding-top:0px}
}
@media (max-width:600px){
   .InforL{padding:23x 0;}
  .InforL span.pic{width:40%;} 
  .InforL span{width:55%;right:0;}
  .caseList.w1520{padding:0;}
  .InforL span .Text02 .btnMore{display:none;}
  .InforL span .Text01{height: 53px;}
}


#mcustomize { background: linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab); background-size: 400% 400%;
   -webkit-animation: gradient 15s ease infinite; animation: gradient 15s ease infinite }
#mcustomize .module_container { text-align: center; width: 47%; margin: 0 auto; padding: 150px 0 206px }
#mcustomize .header .title { font-size: 48px; line-height: 128px; color: #fff }
#mcustomize .description { font-size: 14px; line-height: 36px; color: #fff; margin-bottom: 66px }
#mcustomize .t-btn { width: 196px; height: 54px; font-size: 16px; line-height: 54px; color: #fff; display: block; margin: 0 auto;
   border-radius: 60px }
#mcustomize .t-btn .t-btn__circle__wrapper,#mcustomize .t-btn .t-btn__panel,#mcustomize .t-btn .t-btn__panel__after,#mcustomize .t-btn .t-btn__panel__before { border-radius: 60px }
#mcustomize .t-btn .t-btn__panel,#mcustomize .t-btn .t-btn__panel__after { background-color: #5fecc8 }
#mcustomize .free_btn { width: 196px; height: 54px; border: 2px solid #fff; font-size: 16px; line-height: 54px; color: #fff;
   display: block; margin: 0 auto; border-radius: 60px; transition: all .3s ease-out 0s }
#mcustomize .free_btn:hover { background-color: #fff; color: #666 }
@-webkit-keyframes gradient {
  0% {
    background-position: 0 50%
  }

  50% {
    background-position: 100% 50%
  }

  to {
    background-position: 0 50%
  }
}

@keyframes gradient {
  0% {
    background-position: 0 50%
  }

  50% {
    background-position: 100% 50%
  }

  to {
    background-position: 0 50%
  }
}

#mcustomize .t-btn{ position: relative; overflow: hidden; opacity: 1; visibility: visible;
   transition: opacity .8s cubic-bezier(.165, .84, .44, 1) .8s, visibility 0s cubic-bezier(.165, .84, .44, 1) .8s; color: #fff;
    transition: .467s cubic-bezier(.84, 0, .16, 1) }
#mcustomize .t-btn:hover{ transition: all .5s cubic-bezier(.26, .5, .48, 1) }
#mcustomize .t-btn:hover .t-btn__circle__wrapper{ transform: translateZ(0) scaleX(1); transition: border-color .5s cubic-bezier(.26, .5, .48, 1), transform .5s cubic-bezier(.26, .5, .48, 1) }
#mcustomize .t-btn:hover .t-btn__circle__wrapper .t-btn__circle{ opacity: 1; transform: translate3d(-50%, -50%, 0) scale(1); transition: transform .5s cubic-bezier(.26, 1, .48, 1) }
#mcustomize .t-btn:hover .t-btn__panel{ opacity: 1; transform: translateZ(0) scaleX(1); transition: transform .5s cubic-bezier(.26, .5, .48, 1) }
#mcustomize .t-btn:hover .t-btn__label__circle .t-btn__label__circle__masked{ opacity: 1; transform: translateZ(0); transition: transform .666s cubic-bezier(.26, 1, .48, 1) .167s }
#mcustomize .t-btn .t-btn__label{ position: relative; display: block; overflow: hidden; z-index: 1 }
#mcustomize .t-btn .t-btn__label .t-btn__label__masked{ transform: translateZ(0); transition: transform .666s cubic-bezier(.26, 1, .48, 1) .666s; position: relative; display: block }
#mcustomize .t-btn .t-btn__circle__wrapper{ transform: translateZ(0) scaleX(.875); transition: transform .333s cubic-bezier(.66, 0, .34, 1); position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1 }
#mcustomize .t-btn .t-btn__circle__wrapper .t-btn__circle{ background-color: #fff; position: absolute; top: 50%; left: 50%; border-radius: 50%; opacity: 0; z-index: 1; transform: translate3d(-50%, -50%, 0) scale(0); transition: transform 0s cubic-bezier(.26, 1, .48, 1) .333s, opacity .333s linear; width: 120%; height: 0; padding-top: 120% }
#mcustomize .t-btn .t-btn__panel{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transform: translateZ(0) scaleX(.875); transition: transform .333s cubic-bezier(.66, 0, .34, 1), opacity 0s linear .333s }
#mcustomize .t-btn .t-btn__label__circle{ position: absolute; top: calc(50% + 1px); left: 50%; display: block; overflow: hidden; z-index: 1; transform: translate3d(-50%, -50%, 0); color: #121212; width: 100% }
#mcustomize .t-btn .t-btn__label__circle .t-btn__label__circle__masked{ position: relative; display: block; opacity: 0; transform: translate3d(0, 75%, 0); transition: transform 0s cubic-bezier(.26, 1, .48, 1) .333s, opacity .2s linear }
#mcustomize .t-btn .t-btn__panel__after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateZ(0) scaleX(.875); transition: transform .5s cubic-bezier(.84, 0, .16, 1) .333s }

.telbox {display: flex;align-items: center;}
.code-box{display: flex;align-items: center;margin-right: 30px;}
.code-box .code-item{width: 50px;height: 50px;border-radius: 50%;border: 1px solid #999;display: flex;align-items: center;
  justify-content: center;color: #999;font-size:25px;margin-left: 15px;position: relative;}
.code-box .code-item .code-pic{position: absolute;bottom:60px;left: 50%;transform: translateX(-50%);max-width: 120px;display: none;}
.code-box .code-item:hover .code-pic{display: block;}


/* 关于晨飞 */
.main .pageroot.case .page_tit { color: #231815; text-transform: uppercase; padding-top: 100px; padding-bottom: 80px;
   padding-left: 8.07%; font-size: 36px; line-height: 48px; }
.main .pageroot.case .page_tit .tit { margin-left: 206px; }
.main .pageroot.case .page_banner{padding-bottom: 39.58%;}
.main .pageroot.case .page_banner.page_banner2 { margin-top: 68px; }
.main .pageroot.case .page_banner img{    width: 100%; display: none;}
.main .pageroot.case .about_box { padding-left: 8.07%; padding-right: 2.55%; padding-bottom: 80px; }
.main .pageroot.case .about_box .about_text { padding-top: 82px; margin-left: 206px; }
.main .pageroot.case .about_box .about_text h4 { font-size: 32px; line-height: 46px; color: #000; font-weight: normal; }
.main .pageroot.case .about_box .about_text h4 span { }
.main .pageroot.case .about_box .about_text h5 { font-weight: normal; font-size: 24px; line-height: 42px; margin-top: 10px; }
.main .pageroot.case .about_box .about_text h5 span { }
.main .pageroot.case .about_box .about_text .cont { font-size: 16px; line-height:2; color: #666;max-width:1200px; }
.main .pageroot.case .about_box .about_text .cont em { font-style: normal; }
.main .pageroot.case .intro {  }
.main .pageroot.case .intro .pic { overflow: hidden; }
.main .pageroot.case .intro .pic img { width: 100%; display: block; }
.main .pageroot.case .intro .text { background: #232323; padding-left: 8.07%; padding-bottom: 80px; }
.main .pageroot.case .intro .text .text_box { margin-left: 206px; padding-top: 65px; }
.main .pageroot.case .intro .text .text_box .t { font-size: 28px; line-height: 54px; color: #aaaaaa; }
.main .pageroot.case .intro .text .text_box .t span { }
.main .pageroot.case .intro .text .text_box .t.color { color: #ffe100; }
.main .pageroot.case .intro .text .text_box h3 { font-size: 48px; line-height: 66px; color: #fff; margin-top: 12px; font-weight: normal; }
.main .pageroot.case .intro .text .text_box .con { font-size: 20px; line-height: 34px; color: #fff; margin-top: 65px; }
.main .pageroot.case .list { position: relative; overflow: hidden; padding-bottom: 122px; }
.main .pageroot.case .list>.line { width: 130px; height: 104px; position: absolute; left: -130px; top: 0; overflow: hidden; display: table; 
  z-index: 4; }
.main .pageroot.case .img_bg{  padding-bottom: 45.1%;margin-top:80px;}
.main .pageroot.case .in_number{background: url("../images/in_number-bg.jpg") no-repeat center center; padding: 3% 0; position: relative; 
  background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed;}
.Guarantee_time { width: 100%;}
.Guarantee_time li{text-align: center;  color: #ffffff; margin: 0 auto; float: left; width:calc(100%/5);  box-sizing: border-box; padding: 1rem 0 1.2rem; position: relative; line-height:2;}
.Guarantee_time li h2{color: #ffffff; font-size: 48px; display: inline-block; font-weight: bold;}
.Guarantee_time li i{font-size: .8rem; margin-left: .5rem; color: #ffffff;}
.main .pageroot.case .in_number{background: none; padding: 0 0 2rem;}
.main .pageroot.case .in_number .Guarantee_time li h2{color: #3a6cfe ;}
.main .pageroot.case .in_number .Guarantee_time li p{color: #666666;font-size:14px;}
.maview{    margin: 0 auto; width: 80%; max-width: 1520px;}
.webhezuo{margin: 1rem auto 2rem;}
.webhezuo .webhezuo-tit{font-size: 42px;text-align: center;}
.webhezuo .webhezuo-subtit{font-size: 24px;text-align: center;margin-bottom: 20px;}
.webhezuo-list{display: flex; display: -webkit-flex; flex-wrap: wrap;  box-sizing: border-box;}
.webhezuo-list li{width: calc(100%/6);border: 1px solid #dddddd;margin: -1px 0 0 -1px; box-sizing: border-box; padding: .5rem; 
  transition: all 0.6s; box-sizing: border-box;  }
.webhezuo-list li img{margin: 0 auto; display: block; max-width: 100%;opacity: .5; transition: all 0.6s; }
.webhezuo-list li:hover img{opacity: 1;}
.Guarantee_time li p{ color: #ffffff;} 


.he_g1p3 { width: 100%; position: relative; padding: 50px 0 52px 0; }
/*.he_content { width: 1200px; margin: 0 auto; }*/
.he_g1p3bx { width: 100%; position: relative; padding-left: 30px; }
.he_g1p3ul { margin: 0 -30px; }
.he_g1p3li { width: 33.333333%; padding: 0 30px; }
.he_g1p3li:first-child{padding-left:0;padding-right:60px;}
.he_g1p3li:last-child{padding-right:0;padding-left:60px;}
.he_g1p3li:nth-child(2) { margin-top: 125px; }
.he_cupbx.go1 .he_fadeup1 { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; 
  -ms-animation: fadeInUp 1s ease both; animation-delay: 0.3s; }
.he_g1p3li a { display: block; width: 100%; }
.he_g1p3jh { width: 100%; position: relative; border-bottom: 5px solid #e5e5e5; padding-bottom: 36px; }
.he_g1p3su p { font-size: 72px; line-height: 1.1; color: #3a6cfe ; font-family: 'PoppinsSemiBold' !important; }
.he_g1p3jh .he_g1p3sgf { margin-top: 15px; margin-bottom: 28px; }
.he_g1p3jh .he_g1p3sgf p { height: 59px; overflow: hidden; }
.he_g1pput p { font-size: 36px; line-height: 1.65; color: #333333; }
.he_g1p3mo p { font-size: 16px; line-height: 1.5; color: #666 ; }
.he_g1p3jh::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 5px; background: #3a6cfe ; 
  transition: all 0.5s; opacity: 0; }
.he_g1p3jh:hover::after { width: 100%; opacity: 1; }

.he_b3p2ti { margin-bottom: 17px;  }
.he_b3p2ti p { font-size: 40px; line-height: 1.5; color: #333 ; font-weight: bold; }
.he_b3p4li { padding: 56px 43px 28px; width: 22%; background: #fff; border-radius: 14px; box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.06); 
  position: relative; transition: all 0.36s;margin-right: 4%; }
.he_b3p4li:last-of-type{margin-right: 0;}
.he_b3p4ic { width: 158px; position: relative; margin: 0 auto; z-index: 3; }
.he_b3p4ic .he_img { width: 100%; position: relative; top: 0; left: 0; transition: all 0.36s; }
.he_b3p4ic .he_img2 { width: 100%; position: absolute; top: 0; left: 0; height: 100%; transition: all 0.36s; }
.he_img1 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; transition: all 0.36s; }
.he_b3p4tt{ text-align: center; padding-top: 30px; position: relative;z-index: 3;}
.he_b3p4tt p { font-size: 24px; line-height: 1.35; color: #333 ;  transition: all 0.36s; }
.he_b3p4te { text-align: center; padding-top: 20px; position: relative;z-index: 3; }
.he_b3p4te p { font-size: 18px; line-height: 1.35; color: #666 ; height: 72px; overflow: hidden; transition: all 0.36s; }
.he_b3p4te::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 18px; height: 2px;
   background: #d4dbea; transition: all 0.36s; opacity: 0; }

.he_b3p4li:hover{ background: #3a6cfe ; }
.he_c2p4li:hover .he_b3p4ic .he_img2 { opacity: 0; }
.he_b3p4li:hover .he_b3p4ic .he_img1 { opacity: 1; }
.he_b3p4li:hover .he_b3p4te::after { opacity: 1; }
.he_b3p4li:hover .he_b3p4tt p { color: #fff; }
.he_b3p4li:hover .he_b3p4te p { color: #fff; }
@keyframes fadeIniup {
  0% {
      opacity: 0;
      transform: translateY(60px);
  }

  100% {
      opacity: 1;
      transform: translateY(0);
  }
}


/* 解决方案 -- 网站建设 */
.maview{margin: 0 auto; width: 80%; max-width: 1520px;}
.Applet-title{text-align: center; padding: 1.5rem 0;}
.Applet-title h3{font-weight: normal; font-size: 1rem;}
.Applet-title h4{font-weight: normal; font-size: .9rem; }
.Applet-title a{color: #333333; }
.Applet-title2{color: #ffffff;}

.webabout-honor{padding-bottom: 1.5rem;background: #f9f9f9; }
.webabout-honor .list .item{background: #ffffff; width: 24%; padding: .5rem; box-sizing: border-box; transition: all 0.6s;}
.webabout-honor .list .item img{margin: 0 auto; display: block; width: 100%; max-width: 100%;}

.webabout-honor .pagination3{bottom: 0 !important; left: 0; text-align: center !important;}
.webabout-honor .pagination3 span{width: .4rem; height: .4rem; border-radius: 50%; background: none; border: 2px solid #cacaca; box-sizing: border-box;}
.webabout-honor .pagination3 .swiper-pagination-bullet-active{ border: 3px solid #aaaaaa;}

.webabout-honor .swiper-container{padding-bottom:2rem;}
.webabout-honor .list .item:hover{background: #3a6cfe ;}
.webnews .in_news_list .right{display: flex; display: -webkit-flex; flex-wrap: wrap; width: 100%; border: none;}
.webnews .in_news_list .right .box{ width: 33.3333%; position: relative; overflow: hidden; border: 1px solid #dddddd; margin: -1px 0 0 -1px;
   transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s;}
.webnews .in_news_list .right .box:hover{ box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.uedin_news .in_news_list .left{width: 100%; border: none;}
.uedin_news .in_news_list .left .item{width: 33.3333%; border: 1px solid #dddddd; margin: -1px 0 0 -1px;}


.in_news{margin-bottom: 1.5rem;}
.in_news_list{display: flex; display: -webkit-flex; }
.in_news_list .left{width: 66.666%; border: 1px solid #e5e5e5; border-bottom: none; display: flex; display: -webkit-flex; flex-wrap: wrap;}
.in_news_list .left .item{width: 50%;  transition: all 0.6s ease; position: relative; padding: 1rem; box-sizing: border-box; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.in_news_list .left .title{transition: all 0.6s ease; font-size: .6rem; color: #333333; margin-bottom: .5rem;overflow: hidden;
   text-overflow: ellipsis; white-space: nowrap; }
.in_news_list .left p{transition: all 0.6s ease;   line-height: 2; color: #888888; 
word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.in_news_list .left span{transition: all 0.6s ease;  color: #333333;  margin-top: 1rem; margin-bottom: .2rem; display: block;}
.in_news_list .left .item:nth-child(2n+1){border-left: 0;}
.in_news_list .left .item:hover{box-shadow: 0 0 20px rgba(0,0,0,0.2) ;  background:#fff;
  z-index: 5} 
.in_news_list .left .item:hover .title{ color:#3a6cfe ; }

.planning-title{text-align: center; padding: 1.5rem 0;}
.planning-title h3{font-weight: normal; font-size: 1rem;}
.planning-title h4{font-weight: normal; font-size:14px; margin-top: .3rem;  color: #555555;}
.planning-title h5{font-weight: normal;  margin-top: .3rem;  color: #555555;}


.planning_box1{display: flex; display: -webkit-flex; justify-content: center; position: relative; margin-bottom: 2rem;}
.planning_box1 .item{position: relative;  width: 8rem;   background: url("../images/jia.png")/ no-repeat left center; margin-left: -1rem; cursor: pointer; height: 8rem; border: 1px solid #e0e0e0; border-radius: 50%;  display: flex; justify-content: center; align-items: center;}
.planning_box1 .item .text .ico{width: 2rem; height: 2rem; transition: all 0.6s;  margin: 0 auto;}
.planning_box1 .item .text p{font-size: .45rem; }
.planning_box1 .item .hover{position: absolute;width: 70%; transition: all 0.8s; left: 100%; height: 50%;top: 20%;  color: #ffffff; z-index: 2; display: none;}
.planning_box1 .item:hover{background: none; color: #ffffff; }
.planning_box1 .item:nth-child(1):hover .text .ico{background: url("../images/planning_ico1.png") no-repeat top center;}
.planning_box1 .item:nth-child(2):hover .text .ico{background: url("../images/planning_ico2.png") no-repeat top center;}
.planning_box1 .item:nth-child(3):hover .text .ico{background: url("../images/planning_ico3.png") no-repeat top center;}
.planning_box1 .item:nth-child(4):hover .text .ico{background: url("../images/planning_ico4.png") no-repeat top center;}
.planning_box1 .item:nth-child(5):hover .text .ico{background: url("../images/planning_ico5.png") no-repeat top center;}
.planning_box1 .item:first-child{margin-left: 0; background: none}
.planning_box1 .item::after{opacity: 0; transform: translateX(-10px); z-index: 1; position: absolute; content: "";
   left: 0; top:-2.5%; width: 200%; background: url("../images/planning_hover.png") no-repeat; background-size: contain;
   height: 105%; overflow: hidden; border-radius:30%;}
.planning_box1 .item:hover::after{opacity: 1; transform: translateX(0); transition: all 0.6s;}
.planning_box1 .item:hover .hover{display: flex; align-items: center; }
.planning_box1 .item:hover .text{position: relative; z-index: 2;}
.planning_box1 .item:nth-child(4):hover::after{right: -1rem; left: auto;}
.planning_box1 .item:nth-child(5):hover::after{right: -1rem;  left: auto;}
.planning_box1 .item:nth-child(4):hover .hover {left: auto; right: 100%;}
.planning_box1 .item:nth-child(5):hover .hover {left: auto; right: 100%;}

.planning_box1 .item .text .ico1{background: url("../images/planning_ico1.png") no-repeat top center;}
.planning_box1 .item .text .ico2{background: url("../images/planning_ico2.png") no-repeat top center;}
.planning_box1 .item .text .ico3{background: url("../images/planning_ico3.png") no-repeat top center;}
.planning_box1 .item .text .ico4{background: url("../images/planning_ico4.png") no-repeat top center;}
.planning_box1 .item .text .ico5{background: url("../images/planning_ico5.png") no-repeat top center;}


.planning_box2{background: #f5f5f5; padding:4rem 0 5rem;  position: relative;}
.planning_box2 .box .info{width: 45%;}
.planning_box2 .box .info h2{color: #3a6cfe ; font-size: 1.8rem; font-weight: bold; }
.planning_box2 .box .info .text{padding-left: 5rem; position: relative;}
.planning_box2 .box .info .text h3{color: #333333; font-size: .8rem; margin-bottom: .5rem;}
.planning_box2 .box .info .text p{color: #888888;  line-height: 2.5;}
.planning_box2 .box .info .text::after{position: absolute; content: ""; left: 0; top: .5rem; width: 4rem; background: #3a6cfe ; height: 3px;}
.planning_box2 .box .img{position: absolute; right: 0; top: 0; padding: 2rem 0 1rem; width: 50%;}
.planning_box2 .box .img img{display: block; max-width: 100%;}

.planning_box3 .info{display: flex; display: -webkit-flex;}
.planning_box3 .info .item{width: 50%; position: relative; overflow: hidden;}
.planning_box3 .info .item .text{position: absolute; padding: 1.5rem; box-sizing: border-box; top: 0; left: 0;}
.planning_box3 .info .item .text h2{color: #ffffff; font-size: .8rem;}
.planning_box3 .info .item .text p{color: #ffffff;  opacity: 5; margin-top: .2rem;}
.planning_box3 .info .item .img img{ display: block; max-width: 100%;}
.planning_box3 .info .item2{width: 25%; position: relative; overflow: hidden;}
.planning_box3 .info .item2 .text{position: inherit; width: 100%; padding: 0; height: 2.97rem; text-align: center; box-sizing: border-box;
   background: #3a6cfe ; }
.planning_box3 .info .item2 .text h2{font-size: .55rem; padding-top: .5rem;}
.planning_box3 .info .item3{width: 25%; position: relative; overflow: hidden;}
.planning_box3 .info .item3 .text{position: inherit; width: 100%; padding: 0; height: 2.97rem; text-align: center; box-sizing: border-box;
   background: #000000;}
.planning_box3 .info .item3 .text h2{font-size: .55rem; padding-top: .5rem;}

.planning_box4{background: #f5f5f5; padding-bottom: 2rem;}
.planning_box4-lunbo{width: 80%; margin: 0 auto; position: relative;}
.planning_box4-lunbo .text{position: relative; z-index: 1; width: 80%; overflow: hidden; transition: all 0.6s; background: #ffffff;
   margin-top: -1rem; position: relative; z-index: 2; left: 10%; padding: .8rem; border-radius: 8px; box-sizing: border-box;}
.planning_box4-lunbo .text h2{color: #333333; font-size: .6rem;}
.planning_box4-lunbo .text p{color: #666666;  margin-top:.3rem;}
.planning_box4-lunbo .img{margin: 0 auto; width: 100%;}
.planning_box4-lunbo .img img{display: block; margin: 0 auto; width: 100%;}

.planning_box4-lunbo .text:hover h2{color: #ffffff;}
.planning_box4-lunbo .text:hover p{color: #ffffff;}
.planning_box4-lunbo .text::after{position: absolute; content: ""; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; background: #3a6cfe ;
   transform: translateY(200px); }
.planning_box4-lunbo .text:hover::after{transform: translateY(0); transition: all 0.6s; }


.planning_box4-lunbo .button-next{background: none; margin-top: -2rem; right: -2rem; left: auto;}
.planning_box4-lunbo .button-prev{background: none;margin-top: -2rem; left: -2rem; right: auto;}
.planning_box4-lunbo .button-next img ,.planning_box4-lunbo .button-prev img{height: 1.5rem;}

/* 解决方案 -- 小程序 */
.Apple1 ul { margin-bottom: 2rem; }
.Apple1 ul li { float: left; width: 32%; background: #fff; margin-right: 2%; background: #f5f5f5; transition: all 0.6s; }
.Apple1 ul li:hover{transform: translateY(-10px);} .Apple1 ul li:nth-child(3n) { margin-right: 0; }
.Apple1 ul li .img { line-height: 0; overflow: hidden; position: relative; }
.Apple1 ul li .img span.s2{ position: absolute; right: 0; bottom: 0; width: 50%; }
.Apple1 ul li .img span.s1 { position: absolute; left: 0; bottom: 0; width: 55%; }
.Apple1 ul li .img img { width: 100%; max-width: 200%; }
.Apple1 ul li .icon { width: 80px; height: 80px; margin: -40px auto 0; line-height: 0; position: relative;color: #000; 
background-color: #fff;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size:40px;}
.Apple1 ul li:hover .icon { color: #3a6cfe ; }
.Apple1 ul li .text { text-align: center; padding:.3rem .5rem .5rem; }
.Apple1 ul li .text h3 { color: #000000; font-size: .75rem; }
.Apple1 ul li .text p { color: #808080; width: 100%; margin: .5rem auto; padding: 0 .5rem; box-sizing: border-box; }
.Apple1 ul li .img span.s1, .Apple1 ul li .img span.s2 { transform: translateY(20px); -webkit-transform: translateY(20px); 
  -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transition: all .5s;
   -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.Apple1 ul li:hover .img span.s1, .Apple1 ul li:hover .img span.s2{ transform: translateY(0); -webkit-transform: translateY(0);
   -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }

.uedBox2 { background: #222222; }
.uedBox2 .title{padding: 1rem 0 0; color: #ffffff; display: flex; display: -webkit-flex; align-content: flex-end ; text-align: center; flex-wrap: wrap;  flex-direction:column }
.uedBox2 .title h3{font-weight: normal; font-size: 1rem;}
.uedBox2 .title h4{font-weight: normal; font-size: .9rem; }
 
.uedBox2 .uedboxText { position: relative; }
.uedBox2 .uedboxText .bg { line-height: 0; }
.uedBox2 .uedboxText .bg img { width: 100%;}
.uedBox2 .uedboxText .box { position: absolute; left: 0; top: 0; width: 100%; z-index: 2; }
.uedBox2 .uedboxText .box .img { float: left; width: 47%; margin-bottom: 11px; line-height: 0; }
.uedBox2 .uedboxText .box .img img { width: 100%;}
.uedBox2 .uedboxText .box .text { width:50%; padding-top: 3rem; padding-bottom: 3rem; }
.uedBox2 .uedboxText .box .text .xb { display: flex; display: -webkit-flex; align-items: center;}
.uedBox2 .uedboxText .box .text h3 { color: #fff; font-size: .8rem; font-weight: bold; margin-right: .5rem; }
.uedBox2 .uedboxText .box .text i.xian { display: block; width: 23px; height: 3px; background: #464646; margin: 20px 0; }
.uedBox2 .uedboxText .box .text .bt { color: #fff; font-size: .55rem; margin-top: .5rem; margin-bottom: .2rem; }
.uedBox2 .uedboxText .box .text p { color: #fff; }
.uedBox2 .uedboxText .box .text ul { margin-top: 1rem; display: flex; display: -webkit-flex; align-items: center; }
.uedBox2 .uedboxText .box .text ul li { transition: all 0.6s; cursor: pointer; display: flex; display: -webkit-flex;  flex-direction:column;
  justify-content: center; text-align: center; position: relative; background-color: rgba(255,255,255,.1); margin-right: .2rem; width: 3.5rem;
   height: 3.5rem; }
.uedBox2 .uedboxText .box .text ul li:hover{background-color: rgba(0,0,0.3);}
.uedBox2 .uedboxText .box .text ul li .icon img { height: 44px; margin-bottom: 10px;margin: 0 auto; }
.uedBox2 .uedboxText .box .text ul li p { color: #ffffff; opacity: .59; }
.uedBox2 .uedboxText .box .img span.s1{ float: left; width: 38%; }
.uedBox2 .uedboxText .box .img span.s2 { float: left; width: 38%; margin-left: -7%; }
.uedBox2 .uedboxText .box .img span.s3 { float: right; width: 38%; margin-left: -7%; }
.uedBox2 .uedboxText2 { margin-top: -2rem; position: relative; z-index: 2; }
.uedBox2 .uedboxText2 .box .text { float: right; }
.uedBox2 .uedboxText3 { position: relative; z-index: 2; margin-top: -2rem; }
 
.uedBox3{background: url("../images/uedBox3-bg.jpg") no-repeat center center; padding-bottom: 4rem;  position: relative;
  background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; }
.uedBox3box{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.uedBox3box .left{width: 50%;}
.uedBox3box .left .bg{ position: relative; width: 13rem; min-width: 520px; }
.uedBox3box .left .bg .img img{display: block; margin: 0 auto;}
.uedBox3box .left .icon{position: absolute; left: 0; width: 100%; height: 100%; top: 0;}
.uedBox3box .left .icon span{display: flex; z-index: 2; position: relative; cursor: pointer; justify-content: center; align-items: center; width: 3rem; height: 3rem; background: #3a6cfe ; border-radius: 50%;}
.uedBox3box .left .icon span img{height: 80px;}
.uedBox3box .left .icon span.span1{position: absolute; top: 0; left: 50%; margin-left: -1.5rem;}
.uedBox3box .left .icon span.span2{position: absolute; bottom: -.5rem; left: 0; }
.uedBox3box .left .icon span.span3{position: absolute; bottom: -.5rem;  right: 0; }
.uedBox3box .right{width: 50%;}
.uedBox3box .right ul{display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap;}
.uedBox3box .right ul li{cursor: pointer; width: 48%; margin-top: .7rem; background: #ffffff; color: #000000; text-align: center; font-size: .6rem; margin-left: 1%; height: 2rem; line-height: 2rem; border-radius: 5px;}
.uedBox3box .right ul li.color{background: #3a6cfe ; color: #ffffff;}

.uedBox3box .left .icon span::before { content: ""; z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; border: 2px solid #dfe2e9; animation: bgIco2 1s 0.18s infinite alternate; }


@keyframes bgIco2 {
  0% {
      opacity: 0.8;
      transform: scale(1)
  }
  100% {
      opacity: 0.28;
      transform: scale(1.2)
  }
}
.uedBox3box .left .icon span:after { content: ""; z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-color: rgba(255,255,255,.4); animation: bgIco1 1s infinite alternate; }

@keyframes bgIco1 {
  0% {
      opacity: 0.38;
      transform: scale(1)
  }
  100% {
      opacity: 0.1;
      transform: scale(1.8)
  }
}

/* 解决方案 */
.case-search{width: 100%;position: relative;margin-bottom: 30px;}
.case-search img{width: 100%;}
.case-search .search-box{position: absolute;right: 35px;top: 50%;transform: translateY(-50%);
background-color: #fff;width: 344px;height: 40px;border-radius: 20px;overflow: hidden;}
.case-search .search-box::after{content: "";border-right: 1px solid #B5B4B6;height: 20px;position: absolute;left: 44px;top: 50%;
  transform: translateY(-50%);}
.case-search .search-box .btn{width: 44px;height: 40px;background: url(../images/case-search.png) no-repeat center center;
background-size: 20px 20px;}
.case-search .search-box .text{border: none;width: 300px;height: 40px;padding-left: 15px;box-sizing: border-box;}
.case-nav{width: 100%;padding:0 20px ;border-radius: 5px;border: 1px solid #DFDFDF;box-sizing: border-box;background-color: #fff;}
.case-nav .nav-box{width: 100%;padding:25px 15px ;padding-right: 0; border-bottom: 1px solid #EFEFEF;line-height: 27px;
 position: relative; box-sizing: border-box;}
.case-nav .nav-box:last-of-type{border-bottom: none;}
/* 新增 */
.case-nav .nav-box .down{position: absolute;right: 0;top: 15px;width: 30px;height: 25px;background-color: #efefef;color: #000;
  border-radius: 3px;display: none;align-items: center;justify-content: center;}
/*  */
.case-nav .nav-box .tit{font-size: 14px;margin-top: 1px;width: 55px;}
.case-nav .nav-box .nav-item{margin-right: 19px;margin-bottom: 7px;}
.case-nav .nav-box .nav-item a{display: inline-block;padding: 0 15px;border-radius: 30px; font-size: 14px;color: #000;}
.case-nav .nav-box .nav-item.active a,.case-nav .nav-box .nav-item:hover a{background-color: #1F74FB;color: #fff;}
.case-nav .nav-box ul{width: 1020px;}
.ysWork_box { position: relative;z-index: 21; padding-top: 40px;}
.inC_con { width: 100%; display: flex; flex-wrap: wrap; padding: 46px 0px 8px 0px; }
.ysWork_box .inC_con { padding-top: 20px; padding-bottom: 70px; }
.inC_con li{ width: 23.95%; float: left; margin: 22px 1.4% 0px 0px;position: relative; }
.inC_con li .applet-code{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(31, 116, 251,0.871);
  display: flex;align-items: center;justify-content: center;z-index: 9;}
.inC_con li .applet-code img{max-width: 140px;height: auto;display: inline-block;}
.inC_con li:nth-child(4n) { margin-right: 0px; }
.inC_con li>a { display: block; border: 1px solid #f0f0f0; padding-bottom: 22px; position: relative; background: #fff; }
.inC_c_T { position: relative; width: 100%; padding-top: 66%; overflow: hidden; }
.inC_c_T .image { width: 100%; height: 100%; position: absolute; padding: 0; left: 0; top: 0; -o-object-fit: cover; object-fit: cover;
   transition: all 1s; float: left; }
.inC_c_T::after { width: 100%; height: 100%; position: absolute; left: 0; top: 0;  content: ''; }
.inC_con li:hover .inC_c_T .image { transform: scale(1.05); }
.inC_con li.web.web{transition: all .3s;}
.inC_con li.web:hover{transform: translateY(-5px);}
.inC_con li.applet .applet-code{display: none;}
.inC_con li.applet:hover .applet-code{display: flex;}
.inC_c_T .logo { position: absolute; width: 200px; height: 120px; top: 50%; left: 50%; object-fit: contain; transform: translate(-50%, -50%);
   z-index: 99; }
.inC_c_e { display: block; padding: 0px 6%; text-align: left; overflow: hidden; }
.inC_c_e>h3 { display: block; padding: 30px 52px 15px 0px; margin-bottom: 15px; font-size: 22px; color: #333333; font-weight: 500;
   border-bottom: 1px solid #f0f0f0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inC_c_e>p { overflow: hidden; padding: 0; height: 22px; z-index: 1; line-height: 22px; color: #666666; position: relative;
   padding-right: 52px; background: url("../images/w_r.png") no-repeat center right; background-size: 44px; margin: 0; }
.indBtns { margin-bottom: 38px; }
.ysWork_box .indBtns { text-align: center; }
.indBtns .btn { position: relative; font-size: 18px; letter-spacing: 1px; width: 368px; text-transform: uppercase; font-weight: bold;
   background-color: black; color: black; display: inline-block; line-height: 1; letter-spacing: 0.15em; text-align: center; 
   margin-right: 15px; }
.ysWork_box .indBtns .btn { width: 260px; text-align: center; padding-left: 0; background: #3a6cfe ; }
.ysWork_box .indBtns .btn span::before { left: 145px; }
.indBtns .btn span { display: block; position: relative; will-change: color; -webkit-transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); 
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); padding: 28px 0; color: #fff; line-height: 0.8; }
.indBtns .btn::before {
  content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  /*  */
  will-change: transform, opacity;
  -webkit-transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  /*  */
  background-color: #3a6cfe ;
}

/* 新闻资讯 */
.news-box { padding: 1.4rem 0 3.875rem; }
.news-view { width:80%; margin: 0 auto; }
.news-box .news-top { display: block; }
.news-box .news-top .img { overflow: hidden; }
.news-box .news-top img { width: 100%; transition: all .3s; }
.news-box .news-top .text { margin-top: .9rem; }
.news-box .news-tit { font-size:18px; line-height: .6rem; color: #060606; font-weight: bold; transition: all .3s; }
.news-box .pub-con { margin-top: .4rem; color: #666; line-height: .6rem; }
.news-box .time-box { font-size: 0; margin-top: .6rem; }
.news-box .time-box .time, .news-box .time-box .tip { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }
.news-box .time-box .time { padding: 0 .3rem; font-size: .4rem; color: #4c4c4c; background-color: #f2f4f5; }
.news-box .time-box .tip { font-size: .3rem; line-height: .6rem; height: .6rem; padding: 0 .2rem; background-color: #3a6cfe ; color: #fff;
   border-radius: 2px; margin-left: .6rem; }
.news-box .news-list { margin-top: 1.75rem; }
.news-box .news-list .row { margin: 0 -.7rem; }
.news-box .news-list .item { box-sizing: border-box; padding: 0 .7rem; margin-bottom: 1.4rem; }
.news-box .news-list .con-box { display: block; }
.news-box .news-list .img { overflow: hidden; position: relative; }
.news-box .news-list .img .true-img { position: absolute; left: 0; top: 0; }
.news-box .news-list img { width: 100%; transition: all .3s; }
.news-box .news-list .text { margin-top: .7rem; }
.news-box .news-list .time-box { margin-top: .4rem; }
.news-box .news-list .news-tit { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .3s; }
.pages { font-size: 0; text-align: center; }
.pages a { display: inline-block;  zoom: 1; width: 1rem; height: 1rem; border: 1px solid #e5e5e5; vertical-align: top;
   margin: 0 .05rem; text-align: center; line-height: 1rem; font-size: .4rem; color: #666; transition: all .3s; }
.pages a[rel=prev], .pages a[rel=next] { background-repeat: no-repeat; background-position: center; background-size: .3rem; }
.pages a[rel=prev] { background-image: url('../images/page-prev.png'); }
.pages a[rel=next] { background-image: url('../images/page-next.png'); }
.pages a.active { border-color: #3a6cfe ; color: #3a6cfe ; }
.news-box .page { margin-top: 1rem; }
.news-box .news-top:hover img, .news-box .news-list .con-box:hover img{ transform: scale(1.1); }
.news-box .news-top:hover .news-tit, .news-box .news-list .con-box:hover .news-tit{ color: #3a6cfe ; }
.pages a:hover{ border-color: #3a6cfe ; color: #3a6cfe ; }
.pages a[rel=prev]:hover{ background-image: url('../images/page-prev2.png'); }
.pages a[rel=next]:hover{ background-image: url('../images/page-next2.png'); }

/* 新闻详情 */
.newsinfo-box{ padding: 4.5rem 0 5.5rem; }
.newsinfo-boxs{ padding: 1.5rem 0 1.5rem; }
.newsinfo-view{ width: 72.9%; margin: 0 auto; }
.newsinfo-box .tit-box{ padding-bottom: .9rem; border-bottom: 1px solid #d1d1d1; }
.newsinfo-box .tit{ font-size: 1rem; line-height: 1.1rem; color: #000; }
.newsinfo-box .share-box{ margin-top: 1.25rem; font-size: 0; }
.newsinfo-box .bshare-custom{ font-size: 0; }
.newsinfo-box .bshare-custom a, .newsinfo-box .bshare-custom span{ display: inline-block; *display: inline; zoom: 1; font-size: .4rem;
   color: #666; margin: 0; padding: 0; vertical-align: middle; line-height: 20px; }
.newsinfo-box .bshare-custom span{ margin-right: .5rem; }
.newsinfo-box .bshare-custom a{ width: 25px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: 100%; 
  margin-right: .4rem; }
.newsinfo-box .bshare-custom .bshare-weixin{ background-image: url('../images/wechat.svg'); }
.newsinfo-box .bshare-custom .bshare-sinaminiblog{ background-image: url('../images/weibo.svg'); }
.newsinfo-box .orign,
.newsinfo-box .bshare-custom,
.newsinfo-box .time{ display: inline-block; zoom: 1; vertical-align: middle; }
.newsinfo-box .divide{ display: inline-block; *display: inline; zoom: 1; width: 1px; height: .4rem; margin: 0 1rem; background-color: #cbcbcb;
   vertical-align: middle; }
.newsinfo-box .orign{ font-size: .4rem; line-height: 20px; color: #666; }
.newsinfo-box .time{ font-size: .4rem; line-height: 20px; color: #666; }
.newsinfo-box .con{ margin-top: 1.4rem; font-size: .4rem; line-height: .9rem; color: #666; }
.newsinfo-box .con img{ max-width: 100%; display: block; margin: 0 auto; }
.newsinfo-box .ctrl-box{ padding-top: 1.25rem; border-top: 1px solid #ccc; margin-top: 2.25rem; }
.newsinfo-box .ctrl{ float: left; width: 70%; }
.newsinfo-box .ctrl-box .item{ width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: .3rem; font-size: 0; }
.newsinfo-box .ctrl-box .item a{ display: inline-block; *display: inline; zoom: 1; font-size: .35rem; line-height: .5rem; color: #000;
   transition: all .3s; }
.newsinfo-box .ctrl-box .back-btn{ float: right; transition: all .3s; }
.about-more { display: block; width: 3.625rem; height: 1.15rem; line-height: 1.15rem; color: #3a6cfe ; font-size: .45rem; 
  border-radius: 4px; border: 2px solid #3a6cfe ; text-align: center; transition: all .3s; }

/* 案例详情 */
.case-details{max-width: 1228px;margin: 0 auto;position: relative;padding: 44px 0;}
.case-details::after{content:"";width: 100vw;height: 370px;position: absolute;z-index: -1;left: 50%;transform: translateX(-50%);
top: 0;background-color: #F6F6F6;}
.case-details .details-top{padding: 40px 0 35px 0;}
.case-details .case-logo{width: 240px;margin-right: 25px;}
.case-details .industry{display: inline-block; padding: 0 5px;background-color: #E9EEF6;color: #1f74fb;line-height: 1.8;
  margin-bottom: 8px; font-size: 14px;}
.case-details .tag{font-size: 14px;color: #001111; line-height:1;}
.case-details .tag span{margin-right: 5px;}
.case-details .details-content{width: 100%;background-color: #fff;border: 1px solid #E9E9E9;padding: 60px 40px 55px 40px;box-sizing: border-box;}
.case-details .details-content h3{font-size: 16px;color: #666;margin-bottom: 15px;}
.case-details .details-content .title{font-size: 34px;color: #000;position: relative;margin-bottom: 90px;}
.case-details .details-content .title::after{content: ""; position: absolute; width: 40px; height: 4px; background-color:#1f74fb;
left: 0;bottom: -45px;}
.case-details .details-content .more{width: 98px;height: 36px;border:1px solid #A4A4A4;color: #000;font-size: 14px;
border-radius: 20px;display: flex;align-items: center;justify-content: center;}
.case-details .details-content .more:hover{background-color: #1f74fb;border: 1px solid #1f74fb; color: #fff;}
.case-details .details-content .cont{font-size: 16px;color: #666;  line-height: 1.75;}

/* 联系我们 */
.conCon{ border-bottom: 1px solid #dedede; position: relative; width: 100%; padding-bottom: 40px;padding-top: 40px;}
.conTitle{  position: relative; width: 1000px;  margin: 0 auto;}
.conTitle .conlx{height: 320px; width: 100%; text-align: center !important; }
.djxlBox { height: 135px; width: 200px; float: left;  }
.marR { margin-right: 190px;  }
.boxT { line-height: 28px; color: #000; font-size: 24px; margin-bottom: 25px; margin-top: 37px;}
.boxC { height: 96px; width: 270px; float: left;  }
.boxC ul { margin: 0 0; float: left; padding: 0 0;  }
.boxC ul li { list-style: none; float: left; margin-left: 5px; height: 30px; line-height: 30px; font-size: 12px;  text-decoration: none; 
  color: #7b7b7b; font-size: 16px;}
.boxC ul li a { text-decoration: none; color: #7b7b7b; font-size: 16px; }
.conCon .conBox{ max-width: 1200px; margin: 0 auto; }
.conCon .conBox .cBigbox{ width: 30%; height: 423px; margin-bottom: 60px; box-shadow: 0px 15px 40px #f2f2f2; }
.conCon .conBox .cBigbox .cBtitle{ width: 100%; height: 130px; text-align: center; color: #fff; padding-top: 35px;
   box-sizing: border-box; }
.conCon .conBox .cBigbox.nj{ margin-right: 5%; }
.conCon .conBox .cBigbox.sh{ margin-right:  5%; }
.conCon .conBox .cBigbox.nj .cBtitle{ background: url("../images/nj.png") 0px 0px no-repeat; background-size: cover; }
.conCon .conBox .cBigbox.sh .cBtitle{ background: url("../images/sh.jpg") 0px 0px no-repeat; background-size: cover; }
.conCon .conBox .cBigbox.hf .cBtitle{ background: url("../images/hf.png") 0px 0px no-repeat; background-size: cover; }
.conCon .conBox .cBigbox .cBtitle h1{ font-size: 36px;line-height: 1.4; }
.conCon .conBox .cBigbox .cBtitle h2{ font-size: 16px;line-height: 1.4;  }
.conCon .conBox .cBigbox .cBinfo{ padding: 35px 15PX 0 35px; box-sizing: border-box; }
.conCon .conBox .cBigbox .cBinfo h1{ font-size: 30px; color: #343434; margin-bottom: 25px; }
.conCon .conBox .cBigbox .cBinfo h1 span{ font-size: 18px; }
.conCon .conBox .cBigbox .cBinfo p{ color: #6f6f6f; font-size: 14px; line-height: 30px; }
.conCon .conBox .cBigbox .cBinfo p span{ margin-right: 30px; }
.conCon .conBox .cSmallbox{ width: 23.5%; height: 414px; margin-right: 2%; margin-bottom: 60px; box-shadow: 0px 15px 40px #f2f2f2; }
.conCon .conBox .cSmallbox.bb{ margin-right: 0px; }
.conCon .conBox .cSmallbox.wh .cStitle{ background: url("../images/wh.png") 0px 0px no-repeat; background-size: cover; }
.conCon .conBox .cSmallbox.fy .cStitle{ background: url("../images/fy.png") 0px 0px no-repeat; background-size: cover; }
.conCon .conBox .cSmallbox.la .cStitle{ background: url("../images/la.png") 0px 0px no-repeat; background-size: cover; }
.conCon .conBox .cSmallbox.bb .cStitle{ background: url("../images/bb.png") 0px 0px no-repeat; background-size: cover; }
.conCon .conBox .cSmallbox .cStitle{ width: 100%; height: 120px; text-align: center; color: #fff; padding-top: 35px; box-sizing: border-box; }
.conCon .conBox .cSmallbox .cStitle h1{ font-size: 28px;line-height: 1.4; }
.conCon .conBox .cSmallbox .cStitle h2{ font-size: 16px;line-height:  1.4;  }
.conCon .conBox .cSmallbox .cSinfo{ color: #343434; box-sizing: border-box; padding: 40px 22px 0; }
.conCon .conBox .cSmallbox .cSinfo h1{ font-size: 24px; margin-bottom: 30px; }
.conCon .conBox .cSmallbox .cSinfo h1 span{ font-size: 18px; }
.conCon .conBox .cSmallbox .cSinfo p{ font-size: 14px; color: #6f6f6f; line-height: 30px; }
.article {padding: 0 0 35px; line-height: 200%; font-size: 14px;  word-wrap:break-word; word-break:break-all;  }
.article img{max-width:100%;}
.wrap{    position: relative; max-width: 1200px; margin: 0 auto;}
.mess-write {   padding: 0 5%;}
.mess-write h3 { font-weight: 700; color: #333;font-size: 26px; text-align: center; padding: 30px 0; }
.mess-write li { margin-bottom: 20px; }
.mess-write .input-box { float: left; width: 499px; margin-right: 30px; padding-left: 9px; background: #fff; height: 38px; border: 1px solid #e4e3e3; }
.mess-write .w2 { width: 499px; }

.mess-write .input-box-des { float: left; width: 490px; margin-right: 30px; background: #fff; height: 38px;}
.mess-write .input-box-email { float: right; width: 490px; margin-right: 30px; background: #fff; height: 38px; text-align: right;}
.mess-write .w3 { width: 490px; }
.mess-write .input-box input { width: 80%; height: 38px; line-height: 38px; border: none; background: none;}
.mess-write .textarea-box { width: 1047px; height: 98px;  border: 1px solid #e4e3e3; }
.mess-write .textarea-box textarea {  border: none; background: none; padding: 15px; font-size: 14px; color: #333;  width: 1000px;height: 70px;}
.mess-write #msg-submit { display: block; line-height: 55px; width: 266px; height: 55px; text-align: center; color: #fff; font-size: 16px; background: #ff8308; border: 1px solid #ff8308; border-radius: 4px; cursor: pointer; }

.mien-banner{width: 100%;overflow: hidden;margin-bottom: 15px;}
.mien-banner .swiper-container{width: 100%;height: 100%;overflow: hidden;}
.mien-banner .swiper-container img{width:100%; }
.mien-banner .swiper-container .swiper-pagination .swiper-pagination-bullet{background-color: #fff;opacity: 1;}
.mien-banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:0.6rem;border-radius:0.2rem;}



/* 发展历程 */
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
@media (min-width: 768px) {
  .container { width:750px }
}

@media (min-width: 993px) {
  .container { width:970px }
}

@media (min-width: 1200px) {
  .container { width:1170px }
}

@media (min-width: 1799px) {
  .container { width:1440px }
}
  
.m2csConWpr { padding-top: 8.85vw; background-size: 100% auto; background-repeat: no-repeat; background-attachment: fixed; background-position: center top; }
.m2lxConWpr { padding-top: 5.72vw; padding-bottom: 5vw; }
.m2abtCon1 { padding-top: 6.25vw; padding-bottom: 7.29vw; background: url(../images/m2abt_logo.png) no-repeat center 20.83vw; background-size: 37.5vw auto; }
.m2lcWpr { margin: 4.2vw 0 3vw; position: relative; }
.m2lcLine { width: 4px; position: absolute; left: 72px; top: 0; bottom: 0; background: url(../images/m2lc_bg1.png) repeat-y center top; overflow: hidden; }
.m2lcLine i { background: #999; position: absolute; left: 0; top: 0; width: 4px; height: 0%; }
.m2lcYears { text-align: center; position: fixed; left: 0; width: 100%; top: 50%; transform: translateY(-50%); line-height: 480px; height: 480px; font-size: 480px; font-weight: bold; color: #fafafa; display: none; }
.m2lcYr { position: absolute; left: 0; top: 0; right: 0; top: 0; transition: all 0.5s ease-in-out; opacity: 0;  }
.m2lcYr.on { opacity: 1; }
.m2lcItems { position: relative; z-index: 1; padding-top: 8.5vw; }
.m2lcItems:before { content: ""; background: url(../images/m2his_logo.png) no-repeat center center; height: 150px; width: 150px; position: absolute; left: 0px; top: -70px; }
.m2lcItems li { padding-bottom: 25px; padding-left: 195px; }
.m2lc_item { margin-left: 63px; }
.m2lc_yt { height: 46px; position: relative; font: 46px/46px eu_r; color: #3a6cfe ; }
.m2lc_yt i { height: 40px; width: 40px; position: absolute; left: -141px; top: 3px; }
.m2lc_yt i:after { content: ""; width: 16px; height: 16px; border-radius: 50%; background: #104484; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.5s ease-in-out; }
.m2lc_yt i:before { content: ""; position: absolute; left: -4px; top: -4px; right: -4px; bottom: -4px; border: 8px solid #efefef; border-radius: 50%; background: none; transition: all 0.5s ease-in-out; opacity: 0 }
.m2lcItems li.on .m2lc_yt { font-weight: 700;}
.m2lcItems li.on .m2lc_yt i:after { width: 32px; height: 32px; border: 4px solid #999; background: #fff; }
.m2lcItems li.on .m2lc_yt i:before { opacity: 1; }

.m2his_dl { padding: 1.3vw 0px 4.16vw; }
.m2his_dl dd { font-size: 18px; line-height: 32px; position: relative; padding-left: 20px; }
.m2his_dl dd:before { content: ""; background: #3a6cfe ; height: 6px; width: 6px; position: absolute; left: 0px; top: 13px; border-radius: 50%; }
 @media (max-width:1799px) {
.m2lcItems:before { transform: scale(0.8); }
.m2lcItems li { padding-left: 165px; }
.m2lc_yt { font-size: 32px }
.m2his_dl dd { font-size: 16px; }
.m2lc_yt i { left: -111px; transform: scale(0.8) }
}
 @media (max-width:1199px) {
.m2lc_yt i { transform: scale(0.8); transform-origin: center top; }
}
 @media (max-width:993px) {
.m2lcYears { font-size: 200px; }
}
 @media (max-width:767px) {
.m2lcYears { display: none!important; }
.m2lcLine { left: 40px; }
.m2lcItems li { padding-left: 0!important; padding-right: 0!important; text-align: left!important; }
.m2lc_yt i { left: -40px!important; right: auto!important }
.m2lc_item { margin-left: 45px; }
.m2lcLine { display: none; }
.m2lcItems { padding-left: 35px; padding-top: 65px; }
.m2lc_yt i { transform: scale(0.6); top: 11px; }
.m2lcItems:before { transform: scale(0.5); transform-origin: left center; left: -10px; top: -60px; }
.m2his_dl dd { font-size: 14px; line-height: 28px; }
.m2lc_yt { font-size: 30px; }
.m2lcItems li { padding-bottom: 15px; }
}


/* 联系我们 */
.l_space4{padding: 60px 0 0 0;}
.l_con1360{width: 1360px; margin: auto;}
.l_g1bx1nr{position: relative;}
.font4 h4{font-size: 26px;}
.font2 h2{font-size: 28px;}
.l_g1bx1p{margin-top: 20px; margin-bottom: 16px;}
.l_g1bx1p p{font-size: 18px; line-height: 1.75; color: #666;}
.l_g1bx1ic{ width: 12px; position: relative; top: 4px;}
.l_g1bx1ic img{width: 100%;}
.l_g1bx1p1{padding-left: 10px;}
.l_g1bx1p1 p a{    font-size: 14px; color: #999; line-height: 1.75;}
.l_g1bx1bt .l_tclebt{ margin-top: 24px; position: relative; z-index: 20; }
.l_g1bx1bt .l_tclebt .l_tclep1{margin-bottom: 48px;}
.l_g1bx1bt .l_tclebt .l_tclep1:last-child{ margin-bottom: 0; }
.l_g1bx1bt .l_tclep1 p{    color: #3d3d3d; font-size: 18px; line-height: 1.75; }
.l_g1bx1bt .l_tclep1 a{    font-size: 24px; line-height: 1.75; color: #ff5000; margin-top: 12px; display: block; }
.l_g1bx1bt .l_tcleimg{ width: 132px; margin-top: 25px; }
.l_g1box1{ position: relative; background-color: #f8f8fa; }
.l_g1box1::after{ content: ""; width: 100%; height: 74px; background-color: #f8f8fa; position: absolute; top: -74px; left: 0; z-index: -1; }
.l_g1bx1p{ margin-top: 20px; margin-bottom: 16px; }
.l_g1bx1tit1 h4{ font-weight: bold; }
.l_g1bx1nr{ position: relative;  }
.l_g1bx1le{width: 646px;}
/*.l_g1bx1ris{ padding: 66px; background-color: #fff; border-radius: 10px; box-shadow: 0px 14px 52.92px 1.08px rgba(25, 17, 64, 0.04); */
/*  position: absolute; top: 0; right: 0; width: 652px;padding-top: 50px; }*/
  .l_g1bx1ris { width:calc(100% - 660px);float:right;padding:30px 66px; background-color: #fff; border-radius: 10px; box-shadow: 0px 14px 52.92px 1.08px rgba(25, 17, 64, 0.04);  }
.l_g1bx1xl1{overflow-y: scroll; height:580px;}
.l_g1bx1xl1::-webkit-scrollbar{width: 2px;}
.l_g1bx1xl{ position: relative; margin-top: 20px; }

.l_g1bx1lip1 h6{ font-size: 18px; line-height: 1.75; color: #3d3d3d; font-weight: bold; }
.l_g1bx1lip3 a{ font-size: 16px; line-height: 2; color: #666; }
.l_g1bx1lip1{ margin-bottom: 5px; }
.l_g1bx1xlli{ padding-right: 40px; border-bottom: 1px solid #eeeeee; padding-bottom: 30px; margin-top: 22px; }
.l_g1bx1xlli .l_g1bx1map { margin-top: 15px; }
.l_g1bx2p{ width: 650px; margin-top: 25px; }
.l_g1box2.l_space4{padding-top: 80px;}
.l_con1360{ width: 1360px; margin: auto;}
.para p{font-size: 16px; color: #666; line-height: 2;}
.l_g1bx2bt{ margin-top: 60px;}
.l_g1bx2li{width: 33.333333%; padding: 0 9px;    border-radius: 4px; position: relative; height: 56px; margin-bottom: 20px;}
.l_g1bx2li input{width: 100%; height: 100%; padding: 0 20px; font-size: 16px; color: #666; background-color: #f8f8fa;}
.l_g1bx2li::after { content: "*"; color: #ff5000; font-size: 16px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}
.l_g1bx2li.on::after{ display: none; }
.l_g1bx2li input::-webkit-input-placeholder { color: #999999; font-size: 16px; }
.l_g1bx2li3 textarea::-webkit-input-placeholder { color: #999999; font-size: 16px; }
.l_g1bx2li2{    width: 50%; padding: 0 9px;}
.l_g1bx2li3{width: calc(100% - 18px); height: 200px; margin-left: 9px;padding: 0;}
.l_g1bx2li3 textarea{width: 100%; height: 100%; padding: 20px; background-color: #f8f8fa; resize: none; font-size: 16px; color: #999; }
.l_g1bx2sub{  float: none; margin-right: 9px;}
.l_g1bx2code{  width: 179px; cursor: pointer;}
.l_g1bx2code img{ width: 100%;}

.l_g1bx2tj{ width: 270px; border-radius: 4px; background-color: #ff5000; cursor: pointer; position: relative; }
.l_g1bx2tj p{ font-size: 18px; line-height: 56px; color: #fff; text-align: center; position: relative; z-index: 10; }
.l_g1bx2tj::after { content: ""; width: 100%; height: 100%; border-radius: 4px; background-image: -moz-linear-gradient( 60deg, rgb(255,80,0) 0%, rgb(255,116,53) 100%); background-image: -webkit-linear-gradient( 60deg, rgb(255,80,0) 0%, rgb(255,116,53) 100%); background-image: -ms-linear-gradient( 60deg, rgb(255,80,0) 0%, rgb(255,116,53) 100%); position: absolute; top: 0; left: 0; transition: all .36s; opacity: 0; }


.case-details-box .abnner .txt{  position: absolute; width: 100%; top: 30%; left: 0; color: #fff; transform: translateY(-50%); 
  -webkit-transform: translateY(-50%); line-height: 1.5; padding: 0; z-index: 3;  padding: 0 100px;}
.abnner .wrap{margin: 0 auto; padding: 75px 0 0 0; max-width: 1600px;    transition: all .3s; -webkit-transition: all .3s; }
.abnner .txt .tt{font-size: 48px; line-height: 1.6;}
.abnner .txt .tc{font-size: 18px; line-height: 1.4;}
.abnner .txt a{display: block; width: 46px; height: 46px; border-radius: 50%; float: left; margin-right: 20px; overflow: hidden;
   position: relative; border: 1px solid #fff; margin-top: 90px; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);} 
.abnner .txt a s { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff;
   transform: scale(.5); -webkit-transform: scale(.5); opacity: 0; border-radius: 50%; }
.abnner .txt a .s1 { z-index: 3; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; 
  background: url(../img/infoico.png) center no-repeat; }  
.abnner .txt a:hover .s1{background: url(../img/infoico2.png) center no-repeat; }
.abnner .txt a:hover{ box-shadow: inset 0 0 0 25px #fff;border: 1px solid #fff;}
.abnner .txt * { transition: all .3s; -webkit-transition: all .3s; }

.case-details-box .section01 { padding: 0 50px; }
.case-details-box .section01 .wrap { margin: 0 auto; padding: 75px 0 0 0; max-width: 1600px; background: #F6F6F6; }
.case-details-box .section01 .inner { padding: 0 88px 42px 140px; }
.case-details-box .section01 .inner .ttl { margin-top: 4px; float: left; position: relative; color: #000; font-size: 34px; font-weight: bold; width: calc(100% - 830px); display: block; }
.case-details-box .section01 .inner .ttl span{display: block;font-size: 24px;color: #000;font-weight: normal;line-height: 1;padding:5px 0 20px;}

.prism-player .prism-big-play-btn{z-index: 5 !important;}

.case-details-box .section01 .inner .ttl:before { width: 30px; height: 3px; position: absolute; left: 0; bottom: 0px; background: #000; content: ""; }
.case-details-box .section01 .inner .textBox { width: 710px; float: right; }
.case-details-box .section01 .inner .textBox p { margin-bottom: 120px; color: #000; font-size: 14px; line-height: 2.1; }
.case-details-box .section01 .inner .textBox .text { margin-bottom: 15px; color: #666; font-size: 12px; line-height: 1.5; }
.case-details-box .section01 .inner .textBox .link { margin-bottom: 20px; width: 100px; }
.case-details-box .section01 .inner .textBox .link a { color: #000; font-size: 14px; line-height: 32px; text-align: center; border-radius: 18px; 
  border: 2px solid #000; transition: all 0.3s; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; 
  align-content: center; }
.case-details-box .section01 .inner .textBox .link a span{ transition: all .5s; position: relative; z-index: 4; }
.case-details-box .section01 .inner .textBox .link a:hover { border: 2px solid #000; box-shadow: inset 0 0 0 25px black; }
.case-details-box .section01 .inner .textBox .link a:hover span{color: #fff;}
.case-details-box .section01 .inner .textBox .img { color: #666; font-size: 12px; }
.case-details-box .section01 .inner .textBox .img img { margin-bottom: 13px; display: block; }
.case-details-box .section01 .photo { margin-bottom: 75px; }
.case-details-box .section01 .photo02 { text-align: center; }


/* 新媒体运营栏目 */
.cases_xia { overflow: hidden; padding-bottom: 16px; padding-top: 16px; margin: 50px auto; }
.cases_xia div { float: left; }
.cases_xia_1 { width: 78%; }
.cases_xia_2 { width: 18%; float: right !important; }
.cases_xia_2 img { width: 100%; }
.cases_xia_1 h2 { font-size: 20px; font-family: Microsoft YaHei; font-weight: 400; color: rgba(51, 51, 51, 1); line-height: 28px; }
.cases_xia_1 p { font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: rgba(51, 51, 51, 1); line-height: 28px;  }
.xia_20 { width: 20%; }
.cases_tal { width: calc(100% - 32px); background: rgba(255, 255, 255, 1); box-shadow: 0 -3px 15px 1px rgb(31 36 140 / 10%);
   border-radius: 6px; margin: 0 16px; padding: 42px 2% 42px 2%; }

.cases3 { background-color: #F9F9F9; margin-top: -50px; padding-bottom: 50px;}
.cases3 .cases-nav {  margin-top: 40px; }
.cases3 .cases-nav:after { clear: both; content: ''; display: block; width: 0; height: 0; visibility: hidden; }
.cases-title h1 { text-align: center; font-size: 40px; font-family: Microsoft YaHei; font-weight: 400; color: rgba(51, 51, 51, 1); 
  line-height: 28px; padding-top: 51px; }
.cases3 .cases-nav .cases-bottom .nav { text-align: center; position: absolute; width: 220px; bottom: -185px; left: -37%; }
/*.cases3 .cases-nav .cases-bottom .nav h2 { padding-top: 57px; }*/
.cases3 .cases-nav .nav .cases_xia2 { background-color: #ffffff; height: 169px; }
.cases-nav1 { overflow: hidden; }
.cases-nav2 {  position: relative; padding: 200px 0; }
.cases-nav2:after { clear: both; content: ''; display: block; width: 0; height: 0; visibility: hidden; }
.cases_xia2 h2 { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; line-height: 24px; padding-bottom:15px; }
.cases_xia2 p { font-size: 14px; font-family: SimHei; font-weight: 400; color: #666666;  line-height: 24px; width: 80%; margin:0 auto; }
 .cases_yuan { background: #4581FB; width: 83px; height: 83px; display: flex; align-items: center; text-align: center; margin: auto; border-radius: 50%; position: relative; }
.cases_xian { width: 2px; height: 60px; background: rgba(69, 129, 251, 1); margin: auto; }
.cases-top, .cases-bottom { float: left; width: 155px; position: relative; cursor: pointer; }
.cases-bottom { margin-top: 143px; position: relative; }
.cases_dian { width: 100%; height: 24px; background: rgba(69, 129, 251, 1); margin: auto; text-align: center; }
.cases_xia3 { margin-top: -41px; }
.cases_yuan img { margin: auto; }
.cases-nav3 { width: 1025px; margin: auto; overflow: hidden; margin-top: -75px; }
.cases-nav3 .nav { width: 25% !important; }
.cases3 .cases-nav .cases-top .nav { text-align: center; position: absolute; width: 250px; top: -185px; left: 50%;  transform: translateX(-50%); }
.cases3 .cases-nav .cases-bottom .nav { text-align: center; position: absolute; width: 250px; bottom: -185px; left:50%; transform: translateX(-50%); }
/*.cases3 .cases-nav .cases-bottom .nav h2 { padding-top: 57px; }*/
.cases3 .cases-nav .nav .cases_xia2 { background-color: #ffffff; height: 169px; display:flex;flex-flow: column;align-items: center;justify-content: center;}
.cases-nav1 { overflow: hidden; }
/*.cases-nav2 { width: 1125px; margin: auto; position: relative; padding: 200px 0; }*/
.cases-nav3 .cases_xia2 h2 { padding-top: 54px !important; }
.cases-nav3 .cases_xia2 p { padding-bottom: 46px; }
.cases-button { text-align: center;  width: 400px; margin: 0 auto; border-radius: 25px; margin-bottom: 50px;}
.cases-button p { background-color: #4581FB; font-size: 19px; font-family: SimHei; font-weight: bold; color: rgba(255, 255, 255, 1);
   line-height: 24px; padding: 15px 100px; margin: 54px 0 0 0; border-radius: 43px; }
.cases-top:hover .cases_yuan { background: #ff6600 !important; }
.cases-top:hover .cases_xian { background: #ff6600 !important; }
.cases-top:hover .cases_dian { background: #ff6600 !important; }
.cases-bottom:hover .cases_yuan { background: #ff6600 !important; } 
.cases-bottom:hover .cases_xian { background: #ff6600 !important; }
.cases-bottom:hover .cases_dian { background: #ff6600 !important; }
.suport_p { text-align: center; margin-top: 31px; overflow: hidden; font-size: 18px; font-weight: 400; color: rgba(102, 102, 102, 1);
   line-height: 28px; }
.suport_dian1 { width: 12px; height: 4px; background: rgba(213, 214, 242, 1); border-radius: 2px; }
.suport_dian div { margin: auto; float: left; }
.suport_dian { width: 170px; margin: auto; margin-top: 34px; overflow: hidden; }
.suport_dian2 { width: 120px; height: 4px; background: rgba(105, 151, 245, 1); border-radius: 2px; margin: 0 5px !important; }
.suport_dian3 { width: 9px; height: 4px; background: rgba(255, 166, 25, 1); border-radius: 2px; }

.support-title h1{font-size: 40px; text-align: center; font-weight: 400; color: rgba(51, 51, 51, 1); line-height: 28px; margin-top: 63px; 
  height: 40px;}
.specialty{ height: 730px; margin: 0 auto; overflow: hidden; margin-bottom: 80px;}
.l_c2bx6bt{padding-top: 40px;}
.s_b2c7lb{ width: 25%;padding: 30px 12px 12px 12px;}
.s_b2c7lb:last-of-type{margin-right: 0;}
.s_b2c7lbnrbox { position: relative; border-bottom-left-radius: 10px; box-shadow: 0px 0px 12px 2.52px rgb(25 17 64 / 14%);
   border-bottom-right-radius: 10px; border-top: 4px solid #ff5000; overflow: hidden; }
.s_b2c7lbnr { padding: 40px 36px 64px 36px; background-color: #fff; position: relative; z-index: 50; }
.s_b2c7lbig { width: 60px; position: relative; }
.s_b2c7lbig img { width: 100%; height: 100%; }
.s_b2c7lbtit { padding-top: 25px; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #eeeeee; }
.s_b2c7lbtit h6 { height: 31.5px; font-size: 18px; color: #3d3d3d; }
.s_b2c7lbp p { height: 64px; overflow: hidden; font-size: 16px; color: #666; line-height: 2; }
.s_b2c7morebox { padding-top: 40px; }
.s_b2c7morewz p { font-size: 14px; color: #ff5000; line-height: 1.75; }
.s_b2c7moretp { width: 6px; position: relative; top: 8px; margin-left: 15px; transition: all .36s; }
.s_b2c7moretp img { width: 100%; }
.s_b2c7lb a:hover .s_b2c7moretp{ margin-left: 20px; }

.gzh-nt-wrap { width: 100%; padding: 60px 0; overflow: hidden; height: 600px; box-sizing: content-box; background-color:#264D74}
.gzh-nt { margin: 0 auto; }
.gzh-nt>p { font-size: 14px; color: #fff; position: relative; left: -55px; margin-bottom: 10px; }
.gzh-nt>p:before { content: ""; width: 40px; height: 1px; background: #fff; display: block; float: left; margin-top: 10px; margin-right: 15px; }
.gzh-nt>h1 { font-size: 24px; font-weight: normal; color: #fff; }
.gzh-nt-box { margin-top: 58px; }
.gzh-nt-list { width: 20%; float: left; text-align: center; padding: 0 0px; }
.gzh-nt-list div { width: 120px; height: 120px; display: block; border-radius: 50%; text-align: center; font-size: 75px; margin: 0 auto;
   margin-bottom: 20px; margin-top: 55px; }
.gzh-nt-list div img { width: 100%; }
.gzh-nt-list span { font-size: 18px; color: #fff; display: block; margin: 15px 0; }
.gzh-nt-list p { font-size: 14px; color: #fff; line-height: 1.8; padding: 0 20px; }
.gzh-ys-wrap { width: 100%; padding: 60px 0; overflow: hidden; }
.gzh-ys {  margin: 0 auto; }
.gzh-ys>p { font-size: 14px; color: #595959; position: relative; left: -55px; margin-bottom: 10px; }
.gzh-ys>p:before { content: ""; width: 40px; height: 1px; background: #595959; display: block; float: left; margin-top: 10px;
   margin-right: 15px; }
.gzh-ys>h1 { font-size: 24px; font-weight: normal; }
.gzh-ys-box { margin-top: 30px; }
.gzh-ys-list { width: 18%; height: 260px; border: 1px solid #cecece; float: left; margin-right: 2.5%; text-align: center; }
.gzh-ys-list:last-child { margin-right: 0; }
.gzh-ys-list img { display: block; width: 90px; margin: 0 auto; margin-top: 15px; }
.gzh-ys-list span { font-size: 16px; color: #333; display: block; margin: 12px 0; }
.gzh-ys-list p { font-size: 14px; color: #595959; padding: 0 25px; }
.dinzhifangan { width: 100%; background: url(../img/bj.png)center no-repeat; height: 710px; overflow: hidden; }
.w120 { margin: 0 auto; width: 1000px; }
.dinzhifangan .w120 .dzfa_button { width: 210px; background-size: 100%; height: 59px; }
.support-btn{display: inline-block; width: 273px; height: 79px;margin: 70px auto; display: block; text-align: center; border: solid 2px #bd3d30; 
  line-height: 75px; font-size: 48px; color: black; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px;
   border-radius: 15px;}

/* app开发栏目 */
.app-box1{ width: 100%;}
.app-box .title{ display: block; width: 100%; text-align: center; margin-top: 100px; margin-bottom: 20px; font-size: 30px; color: #595961;
   font-weight: 500;float: left;}
.app-box .sub-tit{ display: block; width: 100%; text-align: center; font-size: 18px; color: #595961; font-weight: 400;}
.app-box .list{ margin: 0 auto; max-width: 1200px; }
.app-box1 .list .item{margin-top: 60px; float: left; width: 25%; height: 350px; border-radius: 20px; text-align: center; color: #595961;
   padding: 36px 25px; margin-bottom: 40px; position: relative; }
.app-box1 .list .item:hover{ -webkit-box-shadow: 0 2px 45px 0 rgba(0,0,0,.04);box-shadow: 0 2px 45px 0 rgba(0,0,0,.04);}
.app-box1 .list .item .app_imgOut{width: 82px; height: 78px; border-radius: 11px; border: 1px solid #e2e8f1; padding-top:16px; 
  margin: 0 auto 15px;}
.app-box1 .list .item .app_imgOut img{display: inline-block;width: 40px;}
.app-box1 .list .item .app_name{font-size: 18px; font-weight: 400; display: block; margin-bottom: 18px;}
.app-box1 .list .item .app_detail{font-size: 14px; display: block; text-align: center; line-height: 24px;}
.app-box .list .item .app_btn{  width: 114px; height: 40px; background: #207eff; border-radius: 20px; position: absolute; bottom: 39px; 
  margin-left: -57px; left: 50%; line-height: 40px; color: #fff; cursor: pointer;}

.app-box2{background-color: #f7f9fd;}
.app-box2 .sub-tit{margin-bottom: 107px;}
.app-box2 .list .item{width: calc(33.3% - 20px); height: 200px; padding: 54px 21px 0; text-align: center; color: #73767c; position: relative;
   float: left; -webkit-box-shadow: 0 2px 45px 0 rgba(0,0,0,.03); box-shadow: 0 2px 45px 0 rgba(0,0,0,.03); border-radius: 10px; 
   margin-right: 10px; margin-left: 10px; margin-bottom: 90px;}
.app-box2 .list .item .app_imgOut{width: 204px; height: 81px; position: absolute; top: -47px; left: 50%; margin-left: -102px;}
.app-box2 .list .item .app_name{ font-size: 18px;margin-bottom: 20px;}
.app-box2 .list .item .app_detail{font-size: 14px;line-height: 24px;}

.app-box3 {height: 940px; background: #232746;}
.app-box3 .title{color: #fff;}
.app-box3 .sub-tit{color: #fff;}
.app-box3 .list{margin-top: 60px;}
.app-box3 .list .item{width: 23.33%; height: 280px; margin-right: 2.17%; border-radius: 20px; float: left; text-align: center; margin-bottom: 57px;
   background: #fff; position: relative; top: 0; transition: top .3s; -moz-transition: top .3s; -webkit-transition: top .3s; -o-transition: top .3s;}
.app-box3 .list .item .app_imgOut{position: relative;}
.app-box3 .list .item .app_imgOut span{position: absolute; color: #fff; top: 43px; left: 50%; width: 154px; margin-left: -77px;
   font-size: 18px;}
.app-box3 .list .item .app_detail{display: block; width: 100%; padding: 0 15px; margin-top: 15px; color: #73767c; font-size: 14px;}
.app-box3 .list .item .app_btn{    bottom: 28px;}
.app-box3 .list .item:nth-child(4n){margin-right: 0;}
.app-box3 .list .item:hover{   top: -20px; transition: top .3s; -moz-transition: top .3s; -webkit-transition: top .3s; -o-transition: top .3s}

.app-box4{background-color: #f7f9fd;padding-bottom: 64px;}
.app-box4 .list{padding-top: 60px;width: 1230px;    margin-bottom: 50px;}
.app-box4 .list .item{ float: left; width: 285px; height: 285px; background: #fff; position: relative; margin-left: 10px; margin-right: 10px; 
  margin-bottom: 20px; overflow: hidden; border-radius: 10px;text-align: center;color: #73767c;line-height: 1.5715;}
.app-box4 .list .item .app_imgOut{    padding: 28px 15px 0;}
.app-box4 .list .item .app_name{ margin-top: 18px; font-size: 18px; margin-bottom: 18px;}
.app-box4 .list .item .app_detail{    font-size: 14px; width: 100%; padding: 0 12px;}
.app-box4 .list .item:hover{-webkit-box-shadow: 0 2px 45px 0 rgba(0,0,0,.04);box-shadow: 0 2px 45px 0 rgba(0,0,0,.04);}
.app-box4 .app-more{ display: block;   width: 150px; line-height: 44px; text-align: center; background: #fff; border-radius: 22px; 
  font-size: 14px; margin: 0 auto ; cursor: pointer;color: #73767c;}


/* 行业解决方案 */
.w1200{max-width:1200px;width:100%; margin:0 auto;}
.special-page1{ background:#F3F3F3 url(../images/bg1.jpg) no-repeat left bottom;background-size:contain;}
.special-page1 .title { font-size: 34px; color: #000; padding-bottom: 30px;text-align: center; }
.special-page1 .sub-title { font-size: 24px; color: #949494; padding-bottom: 50px;text-align: center;  }
.special-page1{ padding: 70px 0 80px; width: 100%;}
.special-page1-con ul{width: 100%; overflow: hidden; padding-top: 30px;display:flex;flex-wrap:wrap;}
.special-page1-con li{width: 285px; margin-right: 20px; margin-bottom: 20px; min-height: 100px; background: #f3f3f3;padding: 20px 15px;
    -webkit-transition: -webkit-transform .2s linear; transition: transform .2s linear;}
.special-page1-con li a{display: block;}
.special-page1-con li:nth-child(4n){margin-right: 0;}
.special-page1-box{width: 100%; clear: both; cursor: default; overflow: hidden;}
.page1-box-left{float: left; margin-right: 15px;}
.page1-box-left div{width: 36px; height: 36px; display:flex; align-items:center;justify-content:center; background: #1f8eeb; border-radius: 4px;}
.page1-box-right div{color: #8f8f8f; font-size: 12px; padding-bottom: 6px;}
.page1-box-right h4{color: #343434; font-size: 16px;}
.special-page1-con li p{font-size: 12px; cursor: default; color: #4a4a4a; padding-top: 10px;}
.special-page1-con li:hover{box-shadow: 0px 7px 13px 0px rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px);
     transform:translateY(-5px);  }

.special-page2 {background-color: #fff;padding: 80px 0;}
.special-page2 .title { font-size: 34px; color: #000; padding-bottom: 30px;text-align: center; }
.special-page2 .sub-title { font-size: 24px; color: #949494; padding-bottom: 50px;text-align: center;  }
.special-page2 .mantisCRM-list{display: flex; flex-wrap: wrap;  margin-bottom: 20px;align-items: center; }
.special-page2 .mantisCRM-item{width: 285px; height: 254px; margin-right: 20px; text-align: center; cursor: pointer;}
.special-page2 .mantisCRM-item:nth-child(-n+4){margin-bottom: 8px;}
.special-page2 .mantisCRM-item:nth-child(4n){margin-right: 0;}
.special-page2 .icon-box{width: 80px; height: 80px; margin: 0 auto; position: relative;}
.special-page2 .icon-box img{width: 100%;}
.special-page2 .mantisCRM-item .icon{position: relative;z-index: 2;}
.special-page2 .mantisCRM-item .animation-icon{position: absolute; margin: auto; width: 70px; height: 70px; top: 4px; left: 4px; z-index: 1; transition: all .3s; 
    display: none; animation: fun 1s infinite;}
.special-page2 .mantisCRM-item:hover .animation-icon { display: inline; } 
.special-page2 .contentTitle { font-weight: 500; color: #2B333F; font-size: 18px; line-height: 25px; }
.special-page2 .contentTips{color: #68747F; font-size: 15px; line-height: 23px;}

@keyframes fun {
    0% {
      transition-duration: 20s;
      transform: rotate(0deg);
      transition-timing-function: ease-in; }
    20% {
      transition-duration: 20s;
      transform: rotate(72deg);
      transition-timing-function: ease-in; }
    40% {
      transition-duration: 20s;
      transform: rotate(144deg);
      transition-timing-function: ease-in; }
    60% {
      transition-duration: 20s;
      transform: rotate(216deg);
      transition-timing-function: ease-in; }
    80% {
      transition-duration: 20s;
      transform: rotate(288deg);
      transition-timing-function: ease-in; }
    100% {
      transition-duration: 20s;
      transform: rotate(360deg);
      transition-timing-function: ease-in; } 
    }
.special-page3{text-align: center; background: #F8FAFC; padding-top: 80px;padding-bottom: 80px; }
.special-page3 .title { font-size: 34px; color: #000; padding-bottom: 30px;text-align: center; }
.special-page3 .moreSupportContent{display: flex;flex-wrap: wrap;margin-top: 30px; margin-bottom: 60px;}
.special-page3 .moreSupportContent .moreSupportItem{ width: 180px;margin-right: 60px;margin-bottom: 60px;}
.special-page3 .moreSupportContent .moreSupportItem:nth-of-type(5n){margin-right: 0;}
.special-page3 .moreSupportContent .moreSupportItem p{ margin-top: 15px; font-size: 22px; font-family: Microsoft YaHei; font-weight: 400; color: #333333;}
.special-page3 .moreSupportContent .moreSupportItem img{margin:0 auto;}
.special-page3 .moreSupportContent .moreSupportItem:hover img{ animation:flipInY 1.5s ease 0s 1 both; }

@-webkit-keyframes flipInY {
    0% {
      -webkit-transform: perspective(400px) rotateY(90deg);
      transform: perspective(400px) rotateY(90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0
    }
  
    40% {
      -webkit-transform: perspective(400px) rotateY(-20deg);
      transform: perspective(400px) rotateY(-20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }
  
    60% {
      -webkit-transform: perspective(400px) rotateY(10deg);
      transform: perspective(400px) rotateY(10deg);
      opacity: 1
    }
  
    80% {
      -webkit-transform: perspective(400px) rotateY(-5deg);
      transform: perspective(400px) rotateY(-5deg)
    }
  
    to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px)
    }
  }
  
  @keyframes flipInY {
    0% {
      -webkit-transform: perspective(400px) rotateY(90deg);
      transform: perspective(400px) rotateY(90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0
    }
  
    40% {
      -webkit-transform: perspective(400px) rotateY(-20deg);
      transform: perspective(400px) rotateY(-20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }
  
    60% {
      -webkit-transform: perspective(400px) rotateY(10deg);
      transform: perspective(400px) rotateY(10deg);
      opacity: 1
    }
  
    80% {
      -webkit-transform: perspective(400px) rotateY(-5deg);
      transform: perspective(400px) rotateY(-5deg)
    }
  
    to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px)
    }
  }

.special-page4{text-align: center; background: #fff; padding-top: 80px;padding-bottom: 80px; }
.special-page4 .title { font-size: 34px; color: #000; padding-bottom: 30px;text-align: center; }
.special-page4 .w1200{position: relative;}
.special-page4 .w1200 .prev-btn,.special-page4 .w1200 .next-btn{position: absolute; width: 24px; height: 24px; text-align: center; 
    cursor: pointer; color: #aaa;  top: 50%; transform: translateY(-50%);}
.special-page4 .w1200 .prev-btn{left: -40px;}
.special-page4 .w1200 .next-btn{right: -40px;}

.special-page5{ padding-top: 80px;padding-bottom: 80px; }
.special-page5 .title { font-size: 34px; color: #000; padding-bottom: 30px;text-align: center; }
.special-page5 .list{display: flex;flex-wrap: wrap;}
.special-page5 .list .item{width:33.3%;padding:16px 0;display: flex;align-items: start;}
.special-page5 .list .item .pic{width: 36px;height: auto;}
.special-page5 .list .item .cont-box{width: 252px;padding-left: 8px;}
.special-page5 .list .item .cont-box .tit{font-size:18px;color: #333;font-weight: 700;margin:8px 0 12px 0;}
.special-page5 .list .item .cont-box .cont{font-size: 16px;color: #999;}

.special-page6{ background: #fff; padding-top: 80px;padding-bottom: 80px; }
.special-page6 .title { font-size: 34px; color: #000; padding-bottom: 30px;text-align: center; }
.special-page6 .cont-box{ text-indent: 2em;font-size: 16px; color: #666;line-height: 2;}
.special-page6 .pic-box{text-align: center;margin-top: 60px;}
.special-page6 .pic-box img{margin:0 auto;}

/*新媒体运营*/
.xmyyy-page .title { font-size: 34px; color: #000; padding-bottom: 30px;text-align: center; }
.xmyyy-page .sub-title { font-size: 24px; color: #949494; padding-bottom: 50px;text-align: center;  }

.xmyyy-page1{background: #f8f9fb;padding: 80px; }
.xmyyy-page1 .list{display: flex;justify-content: space-between;flex-wrap:wrap;}
.xmyyy-page1 .item{width: calc(25% - 40px); text-align: center; background: #fff; padding: 65px 20px;}
.xmyyy-page1 .item .pic-box img{height: 53px;margin:0 auto;}
.xmyyy-page1 .item .tit{font-size: 22px; color: #1a1a1a; margin-top: 52px;}
.xmyyy-page1 .item .tips{ font-size: 15px; line-height: 1.87; color: #6b6f74; margin-top: 24px;}

.xmyyy-page2{background: #fff;padding: 57px 0; }
.xmyyy-page2 .list{display: flex;justify-content: space-between;flex-wrap:wrap;}
.xmyyy-page2 .item{border-top: solid 6px #33ad6a; background-color: #f8f9fb; width: 31.5%; padding: 45px 34px 69px;}
.xmyyy-page2 .item h5{ color: #1a1a1a; font-size: 22px; margin-bottom: 15px;}
.xmyyy-page2 .item h5.h52{    margin-top: 34px;}
.xmyyy-page2 .item p{font-size: 15px; line-height: 2; color: #6b6f74;}
.xmyyy-page2 .item img { margin-top: 34px; margin-bottom: 36px;}

.xmyyy-page3{background: #F4F4F4;padding: 50px  0; }
.xmyyy-page3 .pic{width: 100%;}

.xmyyy-page4{background: #fff;padding: 80px 0; }
.xmyyy-page4 .list{display: flex;justify-content: space-between;}
.xmyyy-page4 .pic{width: 100%;}

/*百度推广*/
.bdtg-page .title { font-size: 34px; color: #000; padding-bottom: 30px;text-align: center; }
.bdtg-page .sub-title { font-size: 24px; color: #949494; padding-bottom: 50px;text-align: center;  }

.bdtg-page1{background: #F4F4F4;padding: 50px  0; }
.bdtg-page1 .pic{width: 100%;}

.bdtg-page2{background: #fff;padding: 50px  0; }
.bdtg-page2 .pic{width: 100%;}

.bdtg-page3{padding: 50px  0; }
.bdtg-page3 .swiper-box{width: 100%;}
.bdtg-page3 .pic{width: 100%;}



   @media (max-width: 1680px) {
      .cases-top, .cases-bottom{width:125px;}
      .cases3 .cases-nav .cases-top .nav{width：210px;}
   }

   @media (max-width: 1440px) {
      .l_space4 { padding: 60px 0 0 0; }
      .l_con1360 { width: 85%; }
      .font2 h2 { font-size: 24px; }
      .l_g1bx1p p { font-size: 20px; }
      .l_g1bx1xl1{height:450px;}      
      .l_g1box2.l_space4{padding-top: 60px;}  
      .l_con1360{  width: 85%; }
   }

  @media (max-width: 1350px) {
    .main .pageroot.case .about_box .about_text { margin-left: 120px; }
    .main .pageroot.case .intro .text .text_box { margin-left: 120px; }
    .w1520{padding: 0 30px;}
    
    
  }
  @media (max-width: 1200px) {
    .conCon{padding: 30px 15px!important;}
    .container { width: 1170px; }
    .l_con1360 { width: 100%; padding-left: 40px; padding-right: 40px; }
    .font2 h2 { font-size: 28px; }
    .font4 h4{font-size: 24px;}
    .l_g1bx1ris{width: 570px;    padding: 40px;}    
    .l_g1bx1xl1{height:430px;}    
    .l_con1360{    width: 100%; padding-left: 40px; padding-right: 40px; }    
    .l_g1bx2bt{ margin-top: 50px;}
    
    .cases3 .cases-nav{width: 100%;}
    .cases-nav2{width: 100%;padding: 30px 15px;}
    .cases-top, .cases-bottom{width: 200px;margin-right: 15px;margin-bottom: 15px;margin-top:0;}
    .cases3 .cases-nav .cases-top .nav{position: relative;width: 100%;top: 0;margin-bottom: 10px;}
    .cases3 .cases-nav .cases-bottom .nav{position: relative;width: 100%;top: 0;margin-bottom: 10px;}
    .cases_xian{display: none;}
    .cases_dian{display: none;}
    
    .w1200{padding: 0 5%;}
    
    .xmyyy-page1 .item{width:calc(50% - 40px);margin-bottom:20px;}
    .special-page1-con li{width:32%;margin-right:2%;}
    .special-page1-con li:nth-child(4n){margin-right:2%;}
    .special-page1-con li:nth-child(3n){margin-right:0;}
    .special-page2 .mantisCRM-item{width:32%;margin-right:2%;}
    .special-page2 .mantisCRM-item:nth-child(4n){margin-right:2%;}
    .special-page2 .mantisCRM-item:nth-child(3n){margin-right:0;}
    .special-page3 .moreSupportContent .moreSupportItem{width:25%;margin-right:0;}
    .special-page4 .w1200{padding:0 50px;}
    .special-page4 .w1200 .prev-btn{left:10px;}
    .special-page4 .w1200 .next-btn{right:10px;}
    
  }
  @media (max-width: 1024px) {
    .in_tx .in_txt{font-size: 28px;}
    .in_tx .in_more{font-size: 18px;}
    .in_case .in_Ca .Ca_T li{width: 48%;margin-left: 4%;}
    .in_case .in_Ca .Ca_T li:nth-child(3n+1){margin-left: 4%;}
    .in_case .in_Ca .Ca_T li:nth-child(2n+1){margin-left: 0;}

    .in_hezuo_tx{align-items: center;}
    .in_hezuo_tx .hezuo_tx_left{position: relative;margin-right: 10px;margin-bottom: -15px;}
    .in_hezuo_tx .hezuo_tx_left span{font-size: 46px;}
    .in_hezuo_tx .hezuo_tx_left i{line-height: 1;position: absolute;right: -20px;top: 0;}
    .in_hezuo_tx .hezuo_tx_right .t1{font-size: 20px;line-height: 1;}
    .in_hezuo_tx .hezuo_tx_right .t3{font-size: 28px;line-height: 1;}
    .in_hezuo_list{width: 100%;}
    .in_hezuo_list li{ width: calc(100%/5);}


    .Lbottom .Left03{padding-bottom: 0;}
    .Left03{width: 50vw;}
    .Left03 img{width: 50vw;    padding-top: 26px;}
    .Conter05 a{top: 50%;transform: translateY(-50%);}
    .InforL{width: 100%;border-left: none;}
    .InforL span .Text02 i{font-size: 12px;background:none;}
    .InforL span .Text02 .btnMore{width:24vw;}

    #mcustomize .header .title{font-size: 32px;line-height:80px;}
    .main .pageroot.case .page_tit { font-size: 22px; line-height: 36px; padding: 1.4rem 20px 1.3rem 20px; }
    .main .pageroot.case .page_tit .tit { margin-left: 0; }
    .main .pageroot.case .page_banner { padding-bottom: 0; background: none !important; }
    .main .pageroot.case .page_banner img { display: block; }
    .main .pageroot.case .about_box { padding: 0 20px; padding-bottom: 70px; }
    .main .pageroot.case .about_box .about_text { margin-left: 0; }
    .main .pageroot.case .img_bg { background-attachment: scroll !important; margin-top:30px;}
    .main .pageroot.case .intro .text { padding-left: 20px; padding-right: 20px; }
    .main .pageroot.case .intro .text .text_box { margin-left: 0; }
    .webhezuo .webhezuo-tit{font-size: 36px;}
    .webhezuo .webhezuo-subtit{font-size: 18px;}

    .inC_con li{width: 48.6%;}
    .newsinfo-box{ padding: 2rem 0; }
    .newsinfo-box .left .bshare-custom{ display: none; }
    .newsinfo-box .time{ float: none; }
    .news-view{ width: auto; padding: 0 5%; }

    
    .conCon .conBox .cSmallbox{width:30% ;margin-right: 5%;}
    .conCon .conBox .cSmallbox.bb{margin-right: 5%;}
    .conCon .conBox .cSmallbox.fy{margin-right: 0;}

    .l_space4 { padding: 50px 0; }
    .font2 h2 { font-size: 26px; }
    .l_g1bx1p p { font-size: 16px; }    
    .l_g1bx1bt .l_tclebt{ margin-top: 35px; }
    .l_g1bx1bt .l_tclebt .l_tclep1{margin-bottom: 30px;}

    
    .l_g1bx1ris{width: 500px;  }        
    .font4 h4{font-size: 22px;}
    .l_g1box2.l_space4{padding-top: 40px;}
    .l_g1bx2bt{ margin-top: 40px;}
    
    
    .abnner .pic{height: 60vw;object-fit: cover;} 
    .case-details-box .section01{padding: 0;}
    .case-details-box .section01 .wrap{padding: 34px 0 77px;}
    .case-details-box .section01 .inner{    padding: 0 20px 51px;}
    .case-details-box .section01 .inner .ttl{  float: none; font-size: 27px; width: 100%;}
    .case-details-box .section01 .inner .ttl{    margin: 0 0 51px; float: none; font-size: 27px; width: 100%;}
    .case-details-box .section01 .inner .ttl:before{width: 20px; height: 2px; bottom: -16px; }
    .case-details-box .section01 .inner .textBox{    width: auto; float: none;}
    .case-details-box .section01 .inner .textBox p{    margin-bottom: 70px; font-size: 15px; letter-spacing: -0.4px; line-height: 1.65;}

    .xmyyy-page2 .item{width: calc(50% - 30px);margin-bottom: 60px;}
  }

  @media (max-width: 768px) {
    .tit-48 {
       font-size: 24px;
    }
    .consult-container{display: none;}
    .footer-nav{display: flex;}

    .in_tx{padding: 1rem 0;}
    .in_tx .in_txt{font-size: 18px;padding-right: 0;}
    .in_tx .in_more{font-size: 14px;padding-left: 0;text-align: right;}

    .in_case .in_Ca .Ca_T li .text h3{font-size: 16px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
    .in_case .in_Ca .Ca_T li .text p{margin-top: 0;}
    .in_hezuo_tx .hezuo_tx_left span{font-size: 38px;}
    .in_hezuo_tx .hezuo_tx_right .t2{display: none;}
    .in_hezuo_tx .hezuo_tx_right .t1{font-size: 14px;line-height: 1.4;}
    .in_hezuo_tx .hezuo_tx_right .t3{font-size: 18px;line-height: 1.4;}
    .in_hezuo_list li{ width: calc(100%/3);}
    
    .InforCO{padding-bottom: 30px;}
    #mcustomize .module_container{width: 70%;padding: 60px 0 60px;}
    #mcustomize .header .title{font-size:28px;line-height:60px;}
    #mcustomize .description{margin-bottom: 30px;}
    #mcustomize .free_btn{width: 120px;height:45px;line-height: 43px;}

    .code-box{padding-left: 20px;}
    .code-box .code-item{width: 45px;height: 45px;font-size: 20px;}

    .main .pageroot.case .about_box .about_text h4 { font-size: 28px; line-height: 40px; }
    .main .pageroot.case .about_box .about_text h5 { font-size: 20px; line-height: 36px; }
    .main .pageroot.case .about_box .about_text .cont { font-size: 16px; line-height: 24px; }
    .main .pageroot.case .intro .text .text_box .t { font-size: 24px; line-height: 40px; }
    .main .pageroot.case .intro .text .text_box h3 { font-size: 36px; line-height: 50px; }
    .main .pageroot.case .intro .text .text_box .con { font-size: 16px; line-height: 30px; }
    .main .pageroot.case .in_number{padding-bottom: 0;}
    .Guarantee_time li:nth-child(1),.Guarantee_time li:nth-child(2){width: 50%;}
    .Guarantee_time li{width: 33.33%;padding: 20px 0;} 
    .Guarantee_time li h2{font-size:36px;line-height: 1.6;}
    .Guarantee_time li i{font-size: 16px;margin-left: 10px;}
    .webhezuo .webhezuo-tit{font-size: 30px;}
    .webhezuo .webhezuo-subtit{font-size: 14px;}
    .webhezuo-list li{width: calc(100%/3);padding:10px;}

    .inC_c_e>h3{    font-size: 18px;}
    .ysWork_box .inC_con{    padding-bottom: 40px;}
    .indBtns .btn span{padding: 16px 0; letter-spacing: 1px; font-weight: 100;font-size: 16px;}
    .indBtns .btn span::before{    opacity: 0;}

    .newsinfo-box{ padding: .7rem 0; }
    .newsinfo-box .left, .newsinfo-box .right{ float: none; width: 100%; }
    .newsinfo-box .right .once{ height: 1rem; line-height: 1rem; }
    .newsinfo-box .right .once span{ font-size: .3rem; line-height: 1rem; background-size: .1rem; }
    .newsinfo-box .left .tit{ font-size: .3rem; line-height: .5rem; }
    .newsinfo-box .left .tit-box{ padding-bottom: .4rem; }
    .newsinfo-box .time{ font-size: .24rem; line-height: .4rem; }
    .newsinfo-box .left .share-box{ margin-top: .3rem; }
    .newsinfo-box .left .con{ font-size: .24rem; line-height: .5rem; margin-top: .4rem; }
    .newsinfo-box .left .buttons{ margin-top: .5rem; height: 1rem; padding: 0 .3rem; }
    .newsinfo-box .left .buttons a{ font-size: .24rem; line-height: .4rem; }
    .newsinfo-box .left .buttons .prev, .newsinfo-box .left .buttons .next{ margin-top: .3rem; }
    .newsinfo-box .right .tit{ font-size: .3rem; line-height: .4rem; }
    .newsinfo-box .right .list{ margin-top: .3rem; }
    .newsinfo-box .right .list a{ font-size: .24rem; padding: .3rem .7rem .3rem .3rem; }
    .newsinfo-box .right .list a:before{ right: .3rem; width: .0875rem; height: .1625rem; }
    .newsinfo-box .divide{ margin: 0 .3rem; }
    .newsinfo-box .divide:nth-child(4){ display: none; }
    .newsinfo-box .orign{ font-size: .24rem; line-height: .4rem; }
    .newsinfo-box .ctrl-box{ margin-top: .5rem; padding-top: .5rem; }
    .newsinfo-box .ctrl{ float: none; width: 100%; }
    .newsinfo-box .ctrl-box .item{ margin-bottom: .2rem; }
    .newsinfo-box .ctrl-box .item a{ font-size: .24rem; line-height: .4rem; }
    .newsinfo-box .ctrl-box .back-btn{ float: none; display: block; margin: .4rem auto 0; }
        
    .conCon .conBox .cBigbox{width: 48%;margin-right: 4%;height: 280px;margin-bottom: 20px;}
    .conCon .conBox .cBigbox.nj{margin-right: 4%;}
    .conCon .conBox .cBigbox.sh{margin-right: 0%;}
    .conCon .conBox .cBigbox .cBtitle{padding-top: 20px;height: 100px;}
    .conCon .conBox .cBigbox .cBtitle h1{font-size: 24px;}
    .conCon .conBox .cBigbox .cBtitle h2{font-size: 14px;}
    .conCon .conBox .cBigbox .cBinfo{ padding: 15px;   }
    .conCon .conBox .cBigbox .cBinfo h1{font-size: 16px; margin-bottom: 5px;}
    .conCon .conBox .cBigbox .cBinfo h1 span{font-size: 12px;}
    .conCon .conBox .cBigbox .cBinfo p{font-size: 12px;line-height: 1.6;}
    .conCon .conBox .cSmallbox{width: 48%;margin-right: 4%;height: 280px;margin-bottom: 20px;}
    .conCon .conBox .cSmallbox .cStitle{padding-top: 20px;height: 100px;}
    .conCon .conBox .cSmallbox .cSinfo p{margin-bottom: 5px!important;}
    .conCon .conBox .cSmallbox.wh{margin-right: 0;}
    .conCon .conBox .cSmallbox.bb{margin-right: 4%;}
    .conCon .conBox .cSmallbox.fy{margin-right: 0;}
    .conCon .conBox .cSmallbox .cSinfo{ padding: 15px;   }
    .conCon .conBox .cSmallbox .cSinfo h1{font-size: 16px; margin-bottom: 5px;}
    .conCon .conBox .cSmallbox .cSinfo h1 span{font-size: 12px;}
    .conCon .conBox .cSmallbox .cSinfo p{font-size: 12px;line-height: 1.6;}
    .mess-write h3{font-size: 18px;padding: 15px 0;}
    .mess-write .textarea-box textarea{width: 100%;}
    .mess-write .input-box-des{height: auto;width: 100%;}
    .mess-write #msg-submit{margin: 0 auto;}
    .mess-write .w3{width: 100%;}

    .font2 h2 { font-size: 24px; }    
    .font4 h4{font-size: 20px;}
    .l_g1bx1bt .l_tclep1 p { font-size: 16px; }
    .l_g1bx1bt .l_tclep1 a{font-size: 20px;}
    .l_g1bx1ris{    width: 390px;}
    
    
    
    .he_content{padding: 0 15px;width: 100%;}
    .he_g1p3{padding-bottom: 50px;}
    .he_g1p3ul{margin: 0;}
    .he_g1p3bx{padding-left: 0;}
    .he_g1p3li{padding: 0 10px;}
    .he_g1p3li:first-child{padding-left:0;padding-right:20px;}
    .he_g1p3li:last-child{padding-right:0;padding-left:20px;}
    .he_g1p3li:nth-child(2){margin-top: 70px;}
    .he_g1p3su p{font-size: 32px;}
    .he_g1p3jh {padding-bottom: 50px;}
    .he_g1p3jh .he_g1p3sgf{margin-top: 10px;margin-bottom: 0;}
    .he_g1p3jh .he_g1p3sgf p{font-size: 16px;}
    .he_g1p3mo p{font-size: 12px;height: 30px;}
    .he_b3p2ti p{font-size: 20px;}

    .he_b3p4li{width:48%;padding: 15px;margin-bottom: 15px;}
    .he_b3p4li:nth-child(2){margin-right: 0;}
     .he_b3p4tt{padding-top:10px;}
    .he_b3p4tt p{font-size:18px;}
    .he_b3p4te{    padding-top: 20px;}
    .he_b3p4te p{font-size: 14px;    height: 60px;}
    .he_b3p4te::after{background: #999;opacity:1;}

    .cases_xia{display: flex;justify-content: space-around;flex-wrap: wrap;padding: 30px 0;margin: 0 auto 30px 0;}
    .xia_20 { width: 33.3%; margin-bottom: 20px;}
    .cases_tal{width: calc(100% - 20px);margin: 0 10px; padding:20px 5%; display: flex;flex-direction: column-reverse;}
    .cases_xia_1 h2{font-size: 15px;text-align: center;line-height: 1.6;margin-bottom: 5px;}
    .cases_xia_1 p{font-size: 12px;text-align: center;line-height: 1.6;}
    .cases_xia_1{width: 100%;}
    .cases_xia_2{width: 50%;margin: 0 auto;}

    .cases-title h1{font-size: 20px; margin-top: 23px;padding-top: 25px;}
    .suport_dian{width: 70px;margin-top: 20px;}
    .suport_dian1{width: 11px;}
    .suport_dian2{width: 40px;}
    .suport_p{margin-top: 20px;font-size: 14px;padding: 0 15px;}

    .cases3{padding-bottom: 20px;}
    .cases3 .cases-nav{margin-top: 0;}
    .cases-nav2{display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 20px;}
    .cases-top, .cases-bottom{margin-right: 0;width: 31%;display: flex; flex-direction: column-reverse;}
    .cases_xia2 h2{font-size: 15px;padding-bottom: 10px;}
    .cases_xia2 p{font-size: 12px;line-height: 1.6;width: 90%;padding-bottom: 0;}
    .cases3 .cases-nav .nav .cases_xia2{height: 140px;}
    .cases_yuan{width: 60px;height: 60px;margin-bottom: 10px;}
    .cases_yuan img{width: 40px;}
    .cases-button{width: 200px;margin-bottom: 0;}
    .cases-button p{margin:  0;padding:10px 0; font-size: 17px;}
   
    .specialty{height: auto;margin-bottom: 40px;}
    .s_b2c7lbox{padding: 0 10px;}
    .s_b2c7lb{width: 50%;height: 300px;padding-top: 15px;}
    .s_b2c7lb a{display: block;width: 100%;height: 100%;}
    .support-title h1{font-size: 20px; margin-top: 23px;padding-top: 25px;}
    .l_c2bx6bt{padding-top: 0;}
    .s_b2c7lbtit{padding-top: 15px;}
    .s_b2c7lbtit h6{font-size: 16px;}
    .s_b2c7lbnr{padding: 20px 15px;}
    .s_b2c7lbp p{line-height: 1.4!important;}
    .s_b2c7morebox{padding-top: 0;}

    .gzh-nt-wrap .support-title h1{padding-top: 0;margin-top: 0;}
    .gzh-nt-box{display: flex;flex-wrap: wrap;margin-top:20px ;}
    .gzh-nt-list{width: 33%;}    
    .gzh-nt-list div{width: 100px;height: 100px; margin-top: 0;margin-bottom: 0;}
    .gzh-nt-list span{font-size: 16px;margin:5px 0;}
    .gzh-nt-list p{font-size: 12px;}

    .gzh-ys-wrap{padding: 0;}
    .gzh-ys-box{padding: 0 15px;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .gzh-ys-list{width: 48%;margin-right: 0;height: 200px;margin-bottom: 15px;}
    .gzh-ys-list img{width: 60px;}
    .gzh-ys-list span{line-height: 1;}
    .gzh-ys-list p{font-size: 12px;line-height: 1.6;}

    .support-btn{ width:150px; height: 50px;margin:30px auto; display: block; text-align: center; border: solid 2px #bd3d30; 
      line-height: 46px; font-size:18px;}

    .app-box1{padding-bottom: 15px;}
    .app-box .title{ margin-top:30px; margin-bottom:15px; font-size: 20px;}
    .app-box .sub-tit{font-size: 14px;padding: 0 15px;line-height: 28px}
    .app-box1 .list .item{width: 50%;height: 300px;margin: 0;padding:25px 15px;padding-bottom: 10px;}
    .app-box1 .list .item .app_name{font-size: 16px;margin-bottom: 5px;}
    .app-box1 .list .item .app_detail{font-size: 12px;}
    .app-box .list .item .app_btn{bottom: 10px;}

    .app-box2 .sub-tit{margin-bottom: 50px;}
    .app-box2 .list .item{width: calc(50% - 20px);padding: 45px 15px 0; margin-bottom: 60px;}
    .app-box2 .list .item .app_imgOut{width: 140px;margin-left: -70px;top: -29px;}
    .app-box2 .list .item .app_name{font-size: 16px;line-height: 1.6; margin-bottom: 10px;}
    .app-box2 .list .item .app_detail{font-size: 12px;line-height: 1.6;}

    .app-box3{height: auto;padding-bottom: 20px;}
    .app-box3 .list{margin-top: 30px;padding: 0 15px;}
    .app-box3 .list .item{width: 48%;margin-right: 4%;height: 250px;margin-bottom: 15px;}
    .app-box3 .list .item:nth-child(2n){margin-right: 0;}
    .app-box3 .list .item .app_imgOut span{ margin-left: 0; top: 50%;transform: translate(-50%,-50%);font-size:16px ;}
    .app-box3 .list .item .app_detail{font-size: 12px;}
    
    .special-page1{padding:25px 0; }
    .special-page1 .title {font-size: 18px; padding-bottom: 10px;}
    .special-page1 .sub-title{font-size: 14px; padding-bottom: 10px;}
    .special-page1-con li{width:48%;}
    .special-page1-con li:nth-child(3n){margin-right:2%;}
    .special-page1-con li:nth-child(2n){margin-right:0;}
    .special-page2{padding:25px 0; }
    .special-page2 .title {font-size: 18px; padding-bottom: 10px;}
    .special-page2 .sub-title{font-size: 14px; padding-bottom: 10px;}
    .special-page2 .mantisCRM-item{width:48%;padding:0 10px;}
    .special-page2 .mantisCRM-item:nth-child(3n){margin-right:2%;}
    .special-page2 .mantisCRM-item:nth-child(2n){margin-right:0;}
    .special-page3{padding:25px 0; }
    .special-page3 .title {font-size: 18px; padding-bottom: 10px;}
    .special-page3 .sub-title{font-size: 14px; padding-bottom: 10px;}
    .special-page3 .moreSupportContent{margin-top:30px;margin-bottom:0;}
    .special-page3 .moreSupportContent .moreSupportItem{padding:0 10px;margin-bottom: 20px;}
    .special-page3 .moreSupportContent .moreSupportItem p{font-size:16px;}
    .special-page4{padding:25px 0; }
    .special-page4 .title {font-size: 18px; padding-bottom: 10px;}
    .special-page4 .sub-title{font-size: 14px; padding-bottom: 10px;}
    .special-page5{padding:25px 0; }
    .special-page5 .title {font-size: 18px; padding-bottom: 10px;}
    .special-page5 .list .item{width:50%;}
    .special-page5 .list .item .cont-box .tit{font-size:16px;margin:3px 0 5px 0;}
    .special-page5 .list .item .cont-box .cont{font-size:13px;}
    .special-page6{padding:25px 0; }
    .special-page6 .title {font-size: 18px; padding-bottom: 10px;}
    .special-page6 .cont-box{font-size:13px;}
    .special-page6 .pic-box{margin-top:15px;}
    
    .xmyyy-page .title { font-size: 18px; padding-bottom: 10px; }
    .xmyyy-page .sub-title { font-size: 14px; padding-bottom: 10px; }
    .xmyyy-page1{padding:25px 0; }
    .xmyyy-page2{padding:25px 0; }
    .xmyyy-page3{padding:25px 0; }
    .xmyyy-page4{padding:25px 0; }
    .bdtg-page .title { font-size: 18px; padding-bottom: 10px; }
    .bdtg-page .sub-title { font-size:14px; padding-bottom: 10px; }
    .bdtg-page1{padding:25px 0; }
    .bdtg-page2{padding:25px 0; }
    .bdtg-page3{padding:25px 0; }
    
}

  @media (max-width: 600px) {
    .main .pageroot.case .page_tit { padding-top: 1.4rem; padding-bottom: 0.7rem; }
    .main .pageroot.case .about_box { padding-bottom: 40px; }
    .main .pageroot.case .about_box .about_text { padding-top: 40px; }
    .main .pageroot.case .about_box .about_text h4 { font-size: 18px; line-height: 26px; }
    .main .pageroot.case .about_box .about_text h5 { margin-top: 5px; font-size: 16px; line-height: 24px; }
    .main .pageroot.case .about_box .about_text .cont { margin-top: 5px; font-size: 14px; line-height: 24px; }
    .main .pageroot.case .intro .text { padding-bottom: 40px; }
    .main .pageroot.case .intro .text .text_box { padding-top: 40px; }
    .main .pageroot.case .intro .text .text_box .t { font-size: 16px; line-height: 28px; }
    .main .pageroot.case .intro .text .text_box h3 { font-size: 24px; line-height: 40px; margin-top: 5px; }
    .main .pageroot.case .intro .text .text_box .con { font-size: 14px; line-height: 24px; margin-top: 30px; }

    .inC_con li{width: 100%; margin-right: 0 !important;}
    
    .case-container .swiper-slide .name{margin: 8px 0 5px;}

    .news-box{padding-top: 0;}
    .news-view{width: 90%;}
    .pages a{width: 30px;height: 30px;font-size: 14px;line-height:30px;}
    .in_case .in_Ca .Ca_T li .img .code{width:55%;}
    
    .maview{width:90%;}
    .planning_box1 .item{border:none;}
    .planning_box1 .item::after{display:none;}
    .planning_box1 .item:hover .hover{display:none; }
    .planning_box1 .item:hover .text{display:none;}
    .planning_box2{padding: 2rem 0 2rem;}
    .planning_box2 .box .info{width: 85%;}
    .planning_box2 .box .info h2{ font-size: 1.1rem;}
    .planning_box2 .box .info .text{padding-left: 0; padding-top: 30px;position: relative;}
    .planning_box2 .box .info .text h3{font-size: .5rem; margin-bottom: .5rem;}
    .planning_box2 .box .info .text p{line-height: 2;}
     .planning_box2 .box .img{right:15px;}
    .planning_box3 .info{flex-wrap:wrap;}
    .planning_box3 .info .item{width:100%;}
    .planning_box3 .info .item2,.planning_box3 .info .item3{width:50%;}
    .planning_box3 .info .item .text{ padding: .5rem;}
    .planning_box3 .info .item2 .text, .planning_box3 .info .item3 .text{height:100px;line-height:1.4;}
    .planning_box3 .info .item2 .text h2,.planning_box3 .info .item3 .text h2{padding-top: 0;font-size: 14px;}
    .planning_box3 .info .item2 .text p,.planning_box3 .info .item3 .text p{font-size:12px;}

    .xmyyy-page1 .item{width:calc(50% - 10px);margin-bottom:15px;padding:35px 10px;}
    .xmyyy-page1 .item .tit{font-size:18px; margin-top: 25px;}
    .xmyyy-page1 .item .tips{font-size:12px;margin-top: 14px;}
    .xmyyy-page2 .item {width:100%;}
    
    .l_g1bx2p{width:100%;}
    
  }

  @media (max-width: 500px) {
    .case-banner-box{padding-top:30px;}
    .about_us .module_container ul li .title { margin-top: 4px; font-size: 12px; line-height: 20px; }
    .l_space4 { padding: 32px 0; }
    .l_g1box1 { overflow: hidden; }
    .l_con1360 { width: 100%; padding-left: 20px; padding-right: 20px; }
    .l_g1bx1le { float: none; width: 100%; padding-right: 0; }
    .font2 h2 { font-size: 22px; }
    .l_g1bx1p { margin-top: 10px; margin-bottom: 10px; }
    .l_g1bx1p p { font-size: 14px; }
    .l_g1bx1bt .l_tclebt{    margin-top: 15px;}
    .l_g1bx1bt .l_tclebt .l_tclep1{margin-bottom: 10px;}
    .l_g1bx1bt .l_tclep1 p { font-size: 14px; }    
    .l_g1bx1bt .l_tclep1 a{font-size: 18px;    margin-top: 5px;}
    .l_g1bx1bt .l_tclebt .l_tclep1{margin-bottom: 10px;}
    .l_g1bx1bt .l_tclebt .l_tclep1:last-child{margin-bottom: 0;}
    .l_g1bx1bt .l_tcleimg{    width: 100px; margin-top: 15px;}
    .l_g1bx1ris{ position: static; width: 100%; padding: 15px; margin-top: 20px;}
    .l_g1bx1icon{ line-height: 50px;}
    
    .l_g1bx1xl1{height:205px;}
    .para p{font-size: 14px; line-height:32px;}
    .l_con1360{width: 100%; padding-left: 20px; padding-right: 20px; }
    .l_g1bx2bt{ margin-top: 20px;}
    .l_g1bx2li1, .l_g1bx2li2{width: 100%;}
    .l_g1bx2li{height: 40px;}
    .l_g1bx2li input{padding: 0 15px; font-size: 14px;}
    .l_g1bx2li3{height: 100px;}
    .l_g1bx2li3 textarea{padding: 15px;font-size: 14px;}
    .l_g1bx2sub .l_g1bx2li1{padding-right: 0;}
    .l_g1bx2code{ width: 140px;margin-left: 9px;}
    .l_g1bx2tj{  width: 120px; float: left; margin-left: 15px;}
    .l_g1bx2tj p{    font-size: 16px; line-height: 40px;}

    .w1520{padding: 0 15px;}
    
     .case-details-box .abnner .txt{padding: 0 30px;}
    .abnner .txt .tt{font-size: 22px;}
    .abnner .txt .tc{font-size: 14px;}
    .abnner .pic{height:80vw;}
    .abnner .txt a{margin-top: 30px;}

  }


  @media (max-width: 400px) {
    .footer-nav li{width: 33%;}
  }